@charset "UTF-8";
/* CSS Document */

html{ height:100%; }

body{
	margin:0; height:100%; padding:0;
	font-family: 'Roboto',Arial, Helvetica, Verdana, sans-serif; font-style: normal; font-weight: 300; color:#1A1A1A; font-size:16px;
	background:url(../imgs/bg_nav.gif) 0 0 repeat-x #F0EFED;
}
body.menuFixe{background:url(../imgs/bg_nav.gif) 0 67px repeat-x #F0EFED;}

.bloc{ display:block; float:left; }
.fright{ float:right; }
div.breaker{ height:1px; clear:both; overflow:hidden; }
div.bigBreaker{ height:20px; clear:both; overflow:hidden; }
div.breakerHr{ height:20px; clear:both; overflow:hidden; border-bottom:1px solid #49636d; margin-bottom:25px; }
div.breakerRef{ height:20px; clear:both; overflow:hidden; }

img.imgR{ margin:0px 0px 15px 20px; }
img.imgL{ margin:0px 20px 15px 0; }


h1,h2,h3,h4 {text-align:left; }
p{ text-align:left; margin:20px 0 0; }
a{ text-decoration:none; }

a.deco{ text-decoration:underline; }
.cache{ display:none; }

ul{ margin:0; padding:0; }
li{ margin:0; padding:0; list-style:none; text-align:left; }
ul.inline li{ display:inline-block; }

.gris		{ color:#999; }
.fonce		{ color:#4D4D4D; }
.noir		{ color:#1A1A1A; }
.sienne		{ color:#5e0525; }
.lireSuite	{ color:#a5281a; }
.blanc		{ color:#FFF; }

.bg_noir	{ background-color:#1A1A1A; }
.bg_blanc	{ background-color:#FFF; }
.bg_bleu	{ background-color:#00364a; }
.bg_spinash	{ background-color:#273301; }
.bg_sienne	{ background-color:#5e0525; }
.bg_violet	{ background-color:#372e43; }
.bg_marron	{ background-color:#451e0f; }
.bg_bear	{ background-color:#78241d; }

h1{ margin:0; font-size:20px; }
h2{ margin:0; font-size:28px; font-weight:400; text-transform:uppercase; line-height:1em; }
h3{ margin:0; font-size:44px; font-weight:300; text-transform:uppercase; }
h4{ margin:0; font-size:17px; font-weight:300; text-transform:uppercase; }

.mainWidth{ max-width:1500px; width:100%; }


/*********************************************************/
/*                      BLUEPRINT                        */
/*********************************************************/

.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6 {float:left;margin-right:0px;}
.last {margin-right:0;}
.span-1 {max-width:250px; width:16%;}
.span-2 {max-width:500px; width:33%;}
.span-2.bigger {max-width:500px; width:34%;}
.span-3 {max-width:750px; width:50%;}
.span-4 {max-width:1000px; width:66%;}
.span-5 {max-width:1250px; width:84%;}
.span-6 {max-width:1500px; width:100%; margin-right:0;}


/*********************************************************/
/*                          BLOCS                        */
/*********************************************************/
#global{ position:relative; min-height:100%; margin:0; padding:0; }


#site{
	display:block; max-width:1500px; min-width:320px;
	margin:0 auto 0; padding:0;
	position:relative; z-index:70;
}
#upline{ margin-bottom:83px;}
#upline.menuFixe{ margin:67px 0 0;}

#contentNav{ position:absolute; top:48px; left:0px; z-index:9999; width:100%; }
#contentNav.menuFixe{ position:fixed; top:0px; background: url(../imgs/bg_menuFixe.gif) repeat-x transparent; }


#visu{
	display:block; width:100%; height:664px; overflow:hidden; position:relative;
	/* position:absolute; left:0px; top:116px; z-index:100; */
	background:url(../imgs/bg_visu.jpg) 50% 0px repeat-y #000000;
}

#content{ width:100%; padding:0; margin:0; }

#footer{
	padding:90px 0 30px;
	background:url(../imgs/logo_guizard_footer_gd.png) 50% 50px no-repeat #1A1A1A;
	font-size:14px; font-weight:300; text-align:center;
}



/*********************************************************/
/*                          HEADER                       */
/*********************************************************/





#nav{
	display:block; max-width:960px; width:100%; margin:0 auto; clear:both;
}
#logo{
	display:none; width:232px; height:21px;
	margin:21px 0 0 2px;
	background:url(../imgs/logo_guizard_menuFixe.png) 0 0 no-repeat transparent;
}
#contentNav.menuFixe #logo{ display:block; float:left; }

#langues{
	display:block; width:38px; height:18px; padding:6px 8px 0;
	position:absolute; right:1%; top:75px;
	background:url(../imgs/bg_langues.gif) 0 0 no-repeat;
	font-family:'Roboto',Arial, Helvetica, Verdana, sans-serif; font-style: normal; font-weight: 300; font-size:11px; text-transform:uppercase;
	z-index:200;
}

#langues.selected_as{
	background:url(../imgs/bg_langues.gif) 0 100% no-repeat;
}





/*********************************************************/
/*                          MENU                       */
/*********************************************************/

#menu{
	display:block; width:100%; margin:30px 0 0;
	text-align:center;
}

#contentNav.menuFixe #menu{ display:block; float:right; width:718px; margin-top:23px; }

	ul.nivo1 li{
		display:inline-block; margin-left:10px; margin-right:10px;
		font-family:'Roboto',Arial, Helvetica, Verdana, sans-serif; font-style: normal; font-weight: 500; font-size:17px; text-transform:uppercase;
	}
	ul.nivo1 li a{ color:#333; padding-bottom:30px; padding-right:15px; display:block; }
	ul.nivo1 li a.hover, ul.nivo1 li a.selected{ color:#5e0525; }
	ul.nivo1 li a.rubMultiple{ background-position:100% 20%; background-repeat:no-repeat; background-color:transparent; }
	
	ul.nivo1 li a.rubMultiple.selected,
	ul.nivo1 li a.rubMultiple { background-image:url(../imgs/puces_menu-hover.png);  }
	ul.nivo1 li a.rubMultiple.hover,
	ul.nivo1 li a.rubMultiple.hover.selected { background-image:url(../imgs/puces_menu.png);  }
	
	ul.nivo1 li a.selected.pageUnique,
	ul.nivo1 li a.hover.pageUnique { background-image:none;  } /* a priori inutile */
	
	#contentNav.menuFixe ul.nivo1 li.JQ_niv1{ font-size:13px; margin-right:4px; margin-left:4px; }
	#contentNav.menuFixe ul.nivo1 li.JQ_niv1 a{  padding-bottom: 23px; }
	
	ul.nivo1 li ul.nivo2 {
		display:block; width:100%; min-width:960px; padding:0 0 30px; margin:0; 
		position:absolute; left:0px; top:67px;
		background-color:#F0EFED;
		text-align:center; font-size:14px;
	}
		ul.nivo1 li ul.nivo2 li{
			display:list-item; float:none; margin:0; padding:0;
			font-family:'Roboto',Arial, Helvetica, Verdana, sans-serif; font-weight: 300; font-size:13px; text-transform:none;
		}
		ul.nivo1 li ul.nivo2 li a{ color:#1A1A1A; display:inline; height:auto; overflow:auto; padding-right:0; background:none; }
		ul.nivo1 li ul.nivo2 li a:hover{ color:#5e0525; }




ul.nivo1 li ul.nivo2 li.colonne1, ul.nivo1 li ul.nivo2 li.colonne2, ul.nivo1 li ul.nivo2 li.colonne3{
	display:inline-block; width:290px; margin-left:20px; margin-right:19px; list-style:none; vertical-align:top; /* 291 au lieu de 294 pour éviter le bug du retour à la ligne de la 3e colonne : bug  a avec espace blanc à la fin + 290 pour marge par défaut à gauche pour ne pas coller au bord */
}
ul.nivo1 li ul.nivo2 li.colonne1{ margin-left:3px; } /* pour éviter d'être collé au bord sur iPad*/
ul.nivo1 li ul.nivo2 li.colonne3{ margin-right:0; }

	
ul.nivo1 li ul.nivo2 li ul.contentColonne li{ text-transform:uppercase;  font-weight: 500; margin-top:15px;  }
ul.nivo1 li ul.nivo2 li ul.contentColonne li ul.nivo3 li{ text-transform:none;  font-weight: 300; margin-top:0px;  }
ul.nivo1 li ul.nivo2 li ul.contentColonne li ul.nivo3 li a{  background:none; padding-bottom:0;  }

#responsive-menu-button{
	display:none;
	width:20px; height:18px; margin:13px 10px 0 10px;
	background:url(../imgs/bg_burger-button_s1.png) 0 0 no-repeat transparent;
}
a#responsive-menu-button:hover{ background-position:100% 0; }



	
#rubSelected{
	position:absolute; left:1%; top:112px; z-index:140;
	display:block; width:121px;
	padding:50px 25px 24px;
	background:url(../imgs/bg_ss_menu_selected.png) 0 100% no-repeat transparent;
}
	#rubSelected h1{
		display:inline-block;
		font-family: 'Roboto',Arial, Helvetica, Verdana, sans-serif; font-style: normal; font-weight: 700; font-size:15px; text-transform:uppercase;
		border-bottom:3px solid #FFF; padding-bottom:3px; margin-bottom:13px;
	}
	ul.dev_nivo1{ padding:0 0 0 14px; }
	ul.dev_nivo1 li{
		font-style:italic; font-size:15px; margin:0; padding:0 0 7px;
		list-style-image:url(../imgs/puce_n1_rubSelected.png); list-style-position:outside; line-height:1em;
	}
	ul.dev_nivo1 li a{}
	ul.dev_nivo1 li a.selected, ul.dev_nivo1 li a:hover{ text-decoration:underline; }
	ul.dev_nivo1 li a.ouvert, ul.dev_nivo1 li a.deplie_a{ text-decoration:underline; }
	ul.dev_nivo1 li ul.dev_nivo2{ padding:0 0 0 12px; }
		ul.dev_nivo1 li ul.dev_nivo2 li{ padding-bottom:0px; list-style-image:url(../imgs/puce_n2_rubSelected.png); }

	

/*********************************************************/
/*                	      MAIN		                     */
/*********************************************************/	

.editos{ z-index:99; position:relative; }
.carre h2, .pole h3, .paveActus h3{ margin:50px 50px 0; }
.carre h2{ line-height:1.2em; }
.carre p, .pole ul, .paveActus  .actu_detail{ margin-left:50px; margin-right:50px; }
	.pole ul{ margin-bottom:50px; font-size:17px; }
	.nerve_pole{ height:300px; }
	.pole.inverse div:first-child{ float:right; }
.petitCarre{ height:490px; }
.grandCarre{ height:515px; margin-top:-25px; }

#logo_grand{
	position:absolute; left:50%; margin-left:-414px; top:50%; margin-top:-38px; z-index:200;
	display:block; width:828px; height:76px;
	background:url(../imgs/logo_guizard_gd.png) 0 0 no-repeat transparent;
}
#logo_grand.menuFixe{ display:none; }


ul#breadcrumbs{ padding:0 0 15px; color:#000; font-size:12px; }
ul#breadcrumbs li{ margin:0; padding:0; list-style-type:none; display:inline; }	



.momentInterne { padding:50px; }


.video{ width:100%; }

#logos_JS_Nory{ width:171px; }
#content #col1{ width:46%; padding-right:3%; border-right:1px solid #5e0525; margin-bottom:50px;  }
#content #col2{ width:46%; padding-left:3%; border-left:1px solid #5e0525; margin-left:-1px; margin-bottom:50px; }
#content p.soustitre{ font-style: italic; font-weight: 600; }


#content .momentInterne h1{ font-family: 'Roboto',Arial, Helvetica, Verdana, sans-serif; margin:10px 0 0; font-size:44px; font-weight:300; text-transform:uppercase; }
#content .momentInterne h2{ font-family: 'Roboto',Arial, Helvetica, Verdana, sans-serif; margin:30px 0 0; font-size:28px; font-weight:400; text-transform:uppercase; line-height:1.5em; color:#451e0f; }
#content .momentInterne h3{ font-family: 'Roboto',Arial, Helvetica, Verdana, sans-serif; margin:20px 0 0; font-size:20px; font-weight:300; color:#78241d; }
#content .momentInterne p{ margin:20px 0 0; font-weight:300; }

#content div#prelim{
	text-align:center; font-family:'Roboto',Arial, Helvetica, Verdana, sans-serif; font-style: normal; font-weight: 300; font-size:13px; text-transform:none;
	margin:14px 0 0;
	height:34px; overflow:hidden; width:100%;
	background:none; padding:0;
}

#content ul.inline li{ width:160px; margin-right:20px; }
#content .momentInterne a{ font-weight:700; color:#5e0525; }
#content .momentInterne a:hover{ text-decoration:underline; }
#content .momentInterne a:visited{ color:#00364a; }

.actu_small{ padding:0 20px 20px 0; }
.actu_gd{ display:none; }


.actu_detail{}
	.actu_detail .vignette{ width:19%;  }
	.actu_detail .contenu_illustre{ width:81%; }
	.actu_detail .contenu_seul{ width:100%; }
	.actu_detail p.date{ font-family: 'Roboto',Arial, Helvetica, Verdana, sans-serif; font-style:normal; font-weight: 700; font-size:17px; text-transform:none; }
	.actu_detail p.date span{ padding:2px 5px 3px; border:1px solid #1A1A1A; }
	.actu_detail h4{ font-family: 'Roboto',Arial, Helvetica, Verdana, sans-serif; font-style: normal; font-weight: 700; font-size:16px; text-transform:none; margin:20px 0 0; }
	.actu_detail p{ font-family: 'Roboto',Arial, Helvetica, Verdana, sans-serif; font-style: normal; font-weight: 300; font-size:16px; text-transform:none; margin:5px 0 0; color:#4D4D4D; }
	.actu_detail a.lireSuite:hover{ text-decoration:underline; }
	
	.voirPDF{ background:url(../imgs/pdf_icon_upload.png) 0 0 no-repeat transparent; padding-left:35px; min-height:25px; display:block; }

p#toutesActus{ text-transform:uppercase; margin:30px 50px 0; }

p#toutesActus a.lireSuite{ display:block; padding:7px 10px; border:1px solid #a5281A; }
p#toutesActus a.lireSuite:hover{  background-color: #a5281A; color:#FFF; }

.developpeCollabos h3{ text-transform:none; }
.developpeCollabos p{ font-style:italic; }

 #map-canvas { height: 100%; width:100%; }

p.nomRef{
	display:block; height:30px; overflow:hidden; margin:0;
 	text-align:center; text-transform:uppercase; font-weight:600; font-size:14px;
}

ul.references{ margin:0; padding:0; }
ul.references li{ display:inline-block; padding:0 18px; margin-left:-4px; }

ul#blocRef a.ref{width:280px; height:198px; overflow:hidden; }

.plan ul li{ margin-left:20px; }


.editos .span-2 {max-width:none; width:33%;}
.editos .span-2.bigger {max-width:none; width:34%;}
.span-2.bigger.paveActus {max-width:none; width:34%; height:1800px; }


/*********************************************************/
/*                          FOOTER                       */
/*********************************************************/
#liens_sociaux{ margin:30px 1% 10px; width:98%; display:block; text-align:center; }
#liens_sociaux li{ display:inline-block; }
#liens_sociaux a{
	display:inline-block; width:38px; height:38px;
	margin:0 3px;
	background-position: 0 0%; background-repeat:no-repeat; background-color:transparent;
}

#liens_sociaux a:hover{ background-position: 0 100%; }

	#liens_sociaux a.der{ margin-left:0; }
	#liens_sociaux a.lien_fb{ background-image:url(../imgs/picto_fb.png); }
	#liens_sociaux a.lien_twitter{ background-image:url(../imgs/picto_tw.png); }
	#liens_sociaux a.lien_linkedin{ background-image:url(../imgs/picto_in.png); }
	#liens_sociaux a.lien_viadeo{ background-image:url(../imgs/picto_viadeo.png); }
	#liens_sociaux a.lien_googleplus{ background-image:url(../imgs/picto_google.png); }
	#liens_sociaux a.lien_youtube{ background-image:url(../imgs/picto_youtube.png); }


	#footer p{ text-align:center; }
	#footer p.adresse{ margin-left:1%; margin-right:1%; }
	#footer p.coordonnees{ margin-right:1%; margin-left:1%; }
	
	#footer a:hover{ color:#FFF; }



/* Laptop écrans moyens --------------------- */
/* iPads (portrait and landscape) ----------- */
@media 
only screen and (min-width : 569px) and (max-width : 1024px),
only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */



	



	.mainWidth{ width:960px; }
	#site{ width:960px; }
	
	
	#contentNav{ min-width:960px; }
	
	
	

	#langues{
		width:41px; height:18px; padding:5px 11px 0;
		position:absolute; right:1%; top:40px;
		background:url(../imgs/bg_langues_tablette.gif) 0 0 no-repeat;
	}
	#langues.selected_as{
		background:url(../imgs/bg_langues_tablette.gif) 0 100% no-repeat;
	}
	
	#visu{ height:300px; }
	

	#logo_grand{
		position:absolute; left:50%; margin-left:-260px; top:50%; margin-top:-24px; z-index:200;
		display:block; width:520px; height:48px;
		background:url(../imgs/logo_guizard_med.png) 0 0 no-repeat transparent;
	}
	
	.carre h2, .pole h3, .paveActus h3{ margin:20px 20px 0 20px; }
	.carre p, .pole ul, .paveActus  .actu_detail{ margin-left:20px; margin-right:20px; }
	.pole ul{ margin-bottom:20px; }
	
	#content p{ }
	p#toutesActus{ margin:30px 20px 0; }
	
	ul.nivo1 li ul.nivo2 li{  margin:4px 0 6px; }
	
	.ns_nerveSlider .ns_caption{ max-width:700px; width:50%; }
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}


/* Laptop petits écrans --------------------------- */
/* Smartphones (portrait and landscape) ----------- */
@media 
only screen and (max-width : 568px),
only screen and (min-device-width : 320px) and (max-device-width : 568px),
only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* le moment venu, retirer la ligne only screen and (max-width : 568px), */
/* Styles */
	body{ font-size:18px;}
	body.menuFixe{background-position: 0 0;}
	div.breakerRef{ height:10px; }
	.mainWidth{ min-width:320px; width:100%; }
	
	
	/*********************************************************/
	/*                      BLUEPRINT                        */
	/*********************************************************/
	
	.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6 {float:left;margin-right:0px;}
	.last {margin-right:0;}
	.span-1 {max-width:none; width:100%;}
	.span-2 {max-width:none; width:100%;}
	.span-2.bigger {max-width:none; width:100%;}
	.span-3 {max-width:none; width:100%;}
	.span-4 {max-width:none; width:100%;}
	.span-5 {max-width:none; width:100%;}
	.span-6 {max-width:none; width:100%; margin-right:0;}
	
	#contentNav, #contentNav.menuFixe{ position:fixed; top:0px; background:none #070707; }
	
	
	/*#contentNav, #contentNav.menuFixe{
		position:relative; top:auto; left:auto; z-index:150; width:100%;
		display:block; float:left; clear:both;
		background:none;
	}
	
	#nav{
		max-width:none; min-width:0; margin:0;
		position:relative; left:auto; top:auto;
		display:block; float:left;
		background-color:#7Db9ff;
	}*/
	#site{ max-width:none; padding:0; margin:0; }
	
	
	#visu{ height:300px; }
	
	
	#logo_grand.menuFixe, #logo_grand.menuHaut{ display:block; background:url(../imgs/logo_guizard_phone.png) 50% 0 no-repeat transparent; width:238px; margin-left:-119px; }
	
	#upline, #upline.menuFixe{ margin:41px 0 0; background-color:#070707; }


	#content{  }
	
	#content div#prelim{
		text-align:left; 
		margin:14px 10px;
		height:auto; overflow:auto; width:auto;
	}
	
	

	#footer{ background-image:url(../imgs/logo_guizard_footer_med.png); }
	
	
	.petitCarre{ height:auto; padding-bottom:50px; }
	.grandCarre{ height:auto; margin-top:0; padding-bottom:50px; }
	.carre h2, .pole h3, .paveActus h3{ margin:50px 30px 0; }
	.carre p, .pole ul, .paveActus  .actu_detail{ margin-left:30px; margin-right:30px; }
	
	.pole.inverse div:first-child{ float:left; }
	
	
	#logo{
		display:block;
		float:left; position:relative; left:39%; top:0; width:238px; height:21px; margin:10px 0 10px -119px; overflow:hidden;
		background:url(../imgs/logo_guizard_phone.png) 0 0 no-repeat transparent;
	}
	#contentNav.menuFixe #logo{ display:block; float:left; }
	
	#langues{
		right:3%; top:210px;
		width:86px; height:36px; padding:11px 20px 0;
		background:url(../imgs/bg_langues_sphone.gif) 0 0 no-repeat;
		font-size: 22px;
	}
	#langues.selected_as{
		background:url(../imgs/bg_langues_sphone.gif) 0 100% no-repeat;
	}
	
	#menu{ display:none; }
	#contentNav.menuFixe #menu{ display:none; }
	
	/*#rubSelected{ display:none; visibility:hidden; }
	
	#menu{ float:left; margin:50px 0 0; width:100%; }
	ul.nivo1 li{
		display:inline-block; width:100%; float:none; margin:0 0 0; padding: 0 0 25px;
		font-size:28px; 
	}
	
	ul.nivo1 li a{ color:#3a545e; padding:0; margin:0 3%; display:inline-block; }
	ul.nivo1 li ul.nivo2 {
		display:block; float:left; width:100%; padding:15px 0 0; margin:4px 0 0;
		position:relative; left:inherit; top:inherit;
		background-image:none; background-color:#3a545e;
		color:#FFF;
	}
		ul.nivo1 li ul.nivo2 li{
			display:list-item; float:none; margin:4px 0 6px 0; padding:0 0 15px;
			font-family: 'Roboto',Arial, Helvetica, Verdana, sans-serif; font-style: italic; font-weight: 300; font-size:20px; text-transform:none;
			list-style-image:url(../imgs/puce_sous_menu_hover.gif); list-style-position:outside;
		}
		ul.nivo1 li ul.nivo2 li a{ color:#FFF; font-size:20px; }
		ul.nivo1 li ul.nivo2 li a:hover{ font-weight: 600; }*/
		
	#responsive-menu-button{ display:block; }
		
		
		
	ul#breadcrumbs{ padding:0 0 15px 0; }	
	
	.momentInterne { padding:30px; }
	
	#logos_JS_Nory{ display:none; }
	#content #col1{ width:94%; padding:0 3%; border-right:none; margin:0 0 30px 0; clear:both;  }
	#content #col2{ width:94%; padding:0 3%; border-left:none; margin:0 0 30px 0; clear:both; }
	#content ul.inline li{ display:list-item; margin-right:0; width:inherit; }
	.actu_small{ display:none; }
	.actu_gd{ display:block; clear:both; float:left;  }
	
	
	
	.actu_detail{  }
		.actu_detail .vignette{ width:100%; clear:both; text-align:center; margin-bottom:30px;  }
		.actu_detail .contenu_illustre{ width:100%; }
		.actu_detail p{ text-align:justify; }
		
	p#toutesActus{ margin:50px 30px 50px; }
		
	

	 #map-canvas_phone { height: 320px; width:100%; }
	 
	 ul#blocRef a.ref{ width:191px; height:135px; }
	 p.nomRef{ height:20px; }
	 
	.editos .span-2 {max-width:none; width:100%;}
	.editos .span-2.bigger {max-width:none; width:100%;}
	.span-2.bigger.paveActus {max-width:none; width:100%; height:auto; }
}

@media 
only screen and (max-width : 568px),
only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait),
only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) { /* le moment venu, retirer la ligne only screen and (max-width : 568px), */
/* Styles */
	#liens_sociaux a{ margin:0 3px; }

}







/* Laptop écrans moyens selon hauteur --------------------- */
@media 
only screen and (max-height : 800px) {
	#visu{ height:350px; }
}

@media 
only screen and (min-height : 801px) and (max-height : 1050px) {
	#visu{ height:530px; }
}

@media 
only screen and (min-height : 1051px) {
	#visu{ height:664px; }
}





/* 201901 Ajout et développement des moyens de contact sur le site ----------------------- */
/* bouton footer */
.phone-footer, .phone-footer:visited, .phone-footer:active{
    color:#FFF; text-decoration:underline;
}

/* bouton page interne*/
#content .momentInterne .bouton-contact-phone,
#guizard_contact input[type="submit"],
#form_quick_contact input[type="submit"]
{
    text-align:center;
    padding: 1.2em 0;
    margin: 2em 0;
    line-height:1.6em;
    color:#FFF;
    
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#content .momentInterne .bouton-contact-phone:hover,
#guizard_contact input[type="submit"]:hover,
#form_quick_contact input[type="submit"]:hover{
   background-color:#1A1A1A;
}
#content .momentInterne .bouton-contact-phone a,
#content .momentInterne .bouton-contact-phone a:visited,
#content .momentInterne .bouton-contact-phone a:active,
#guizard_contact input[type="submit"],
#form_quick_contact input[type="submit"]{
    color:#FFF;
    font-size: 1.2em;
    font-weight: 300;
    text-decoration: none;
    margin: 0 5px;
}

@media only screen and (max-width : 768px) {
    #content .momentInterne .bouton-contact-phone{
        padding: 0.75em 0;
        margin: 2em 0;
    }
    
	#content .momentInterne .bouton-contact-phone a,
    #content .momentInterne .bouton-contact-phone a:visited,
    #content .momentInterne .bouton-contact-phone a:active,
    #guizard_contact input[type="submit"],
    #form_quick_contact input[type="submit"]{
        font-size: 1em;
    }
}

#lien-appel-sm{
    display:block;
    position: absolute;
    top:4px;
    right:32px;
    padding:5px;
    font-size:20px;
    color:#FFF;
}

#lien-appel-sm:visited,
#lien-appel-sm:active,
#lien-appel-sm:hover{
    color:#FFF;
    text-decoration: none;
    background-color:#070707;
}
#sidr-id-lien-appel-sm{ display:none;}
@media only screen and (max-width : 375px) {
    #lien-appel-sm{ display:none; }
}

@media only screen and (min-width : 569px) {
    #lien-appel-sm{ display:none; }
}

/* formulaire sur la page de contact */
.formContact{ padding:0 0 0 30px; }

@media only screen and (max-width : 568px) {
    .formContact{ padding:0; }
}

.ui-state-error{ display:none; padding:5px; font-size:14px; }

#contForm, #contFormQuick{ width:100%; margin:0 auto; display:block; }
#guizard_contact p, #content .momentInterne #guizard_contact p, #form_quick_contact p{ margin:5px 0 20px;}
#guizard_contact input, #form_quick_contact input{ width:100%; width:calc(100% - 15px); padding:5px 5px 4px; 'Roboto',Arial, Helvetica, Verdana, sans-serif; font-style: normal; font-weight: 400; color:#4D4D4D; font-size:17px; }
#guizard_contact input[type="submit"], #form_quick_contact input[type="submit"]{ margin:0px 0px 50px !important; border: none; }
#guizard_contact textarea, #form_quick_contact textarea{ width:100%; width:calc(100% - 15px); padding:5px 5px 4px; 'Roboto',Arial, Helvetica, Verdana, sans-serif; font-style: normal; font-weight: 400; color:#4D4D4D; font-size:17px; }
#guizard_contact select, #form_quick_contact select{ width:100%; width:calc(100% - 15px); padding:5px 5px 4px; 'Roboto',Arial, Helvetica, Verdana, sans-serif; font-style: normal; font-weight: 400; color:#4D4D4D; font-size:17px; }

.ui-state-error{ color:#5e0525; }




#form_quick_contact input[type="submit"]{
    padding:0.5em 0;
    width: calc(100% - 2px);
    margin:0px 0px 10px !important;
}


/* bouton de contact rapide */
.momentInterne{ position: relative; }
#lien-rappel-gratuit, 
#lien-rappel-gratuit-sm{ display:block; position: absolute; top:50px; right:50px; padding:5px; }
#content .momentInterne a#lien-rappel-gratuit,
a#lien-rappel-gratuit-sm{
  font-size:20px; color:#FFF;
    
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#content .momentInterne a#lien-rappel-gratuit:visited,
#content .momentInterne a#lien-rappel-gratuit:active,
#content .momentInterne a#lien-rappel-gratuit:hover,

a#lien-rappel-gratuit-sm:visited,
a#lien-rappel-gratuit-sm:active,
a#lien-rappel-gratuit-sm:hover{
    color:#FFF;
    text-decoration: none;
    background-color:#070707;
} 

.legendePhone{
    font-size: 0.33em;
    width: 30px;
    display: inline-block;
    text-align: center;
    top: 29px;
    left: 50%;
    margin-left:-15px;
    position: absolute;
}

@media only screen and (max-width : 568px) {
    .momentInterne{ position: inherit; }
    #content .momentInterne a#lien-rappel-gratuit{ display:none; }
    
    #lien-rappel-gratuit-sm{ top:-4px; right:5px; background-color:transparent; }

    a#sidr-id-lien-rappel-gratuit-sm,
    a#sidr-id-lien-rappel-gratuit-sm:visited,
    a#sidr-id-lien-rappel-gratuit-sm:active{
        color:#333; text-decoration:none;
    }
    a#sidr-id-lien-rappel-gratuit-sm:hover{
        color:#5e0525;
    }
}

@media only screen and (min-width : 569px) {
    a#lien-rappel-gratuit-sm{ display:none; }
    #content .momentInterne a#lien-rappel-gratuit{ padding:5px 20px 27px; font-size:30px; }

    .legendePhone{
        width: 50px;
        top: 40px;
        margin-left:-25px;
    }
}

#validationContact, #validationContactQuick{ background-color: #36913C; padding:10px; width:calc(100% - 20px); color:#FFF; text-align:center; font-size:17px; font-weight:400; margin:20px 0; }