@charset "utf-8";

/* CSS Document */



/**************************************************************************************************** BASE ****************************************************************************************************/





body {

	margin: 0 auto;

	background-color: #235BCA;

	font: 12px Verdana, Arial, Helvetica, sans-serif;

	text-align: justify;	

	background: url(../images/fond.jpg) no-repeat fixed;

	background-position: top;

}



hr {

	visibility: hidden;

	margin: 5px 0 5px 0;

}



droite {

	float: right;

}



.bold-orange {

	font-weight: bold;

	color: #F67711;

}



/******************** Titre ********************/



h1 {

	font: 20px "Courier New", Courier, monospace;

	font-weight: bold;

	color: #FFF;

	margin: 0 0;

	padding: 8px 0 25px 15px;

	background: url(../images/fond_titre.png) no-repeat ;

}





/******************** Liens ********************/



a {

	color: #235BCA;

	text-decoration:underline;

}



a:hover, a:focus{

	color: #F67711;

	text-decoration:underline;

}





a.link_courant {

	color: #235BCA;

	font-weight: bold;

	text-decoration: none;

}



a.link_courant:hover, a.link_courant:focus{

	color: #F67711;

	font-weight: bold;

	text-decoration: none;

}



/******************** Images ********************/



#geek {

	float: right;

	margin: 0 0 0 25px;

}



/******************** Tags ********************/





h2 {

	font: 14px "Verdana", Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #235BCA;

}



h3 {

	font: 14px "Verdana", Arial, Helvetica, sans-serif;

	font-weight: bold;

}



h4 {

	font: 12px "Verdana", Arial, Helvetica, sans-serif;

	font-weight: bold;

}



a.tag1 {

	color: #333333;

	text-decoration: none;

}



a.tag1:hover, a.tag1:focus{

	color: #999999;

	text-decoration: none;

}





/**************************************************************************************************** CONTENU ****************************************************************************************************/



/******************** Header ********************/



#head {

	width: 980px;

	height: 150px;

	margin: 0 auto;

	background: url(../images/head_fond_nuages.png) no-repeat;

}





#menu_head ul {

	float: left;

	margin: -40px 0 0 448px;

	/margin: -40px 0 0 488px;

}



#menu_head li {

	list-style-type: none;

	display: inline;

	margin: 0 15px;

}



#menu_head2 ul {

	float: left;

	margin: -40px 0 0 448px;

	/margin: -40px 0 0 488px;

	display: none;

}



#menu_head2 li {

	list-style-type: none;

	display: inline;

	margin: 0 15px;

}



#flash_head {

}



#flash_head2 {

	display: none;

}



/******************** bloc contenu ********************/



#block_contenu{

	width: 970px;

	height: auto;

	margin: 0 auto;

}





/******************** Menu Droite ********************/



#menuD {

	width: 150px;

	height: 250px;

	margin: 50px 0 25px 0px;

	background: url(../images/fond_menu_1.png) no-repeat;

}



#menu ul{

	float: left;

	margin: 15px 0 0 0;

	padding: 0;

	font: bold 12px Verdana, Arial, Helvetica, sans-serif;

}



#menu li {

	list-style-type: none;

	margin: 5px 15px 0 0;

	padding: 0 0 0 0;

}



#menu li a {

	display: block;

	width: 146px;

	height: 24px;

	color: #FFF;

	text-decoration: none;

	text-align: center;

	line-height: 24px;



}



#menu a:hover, #menu a:focus {

	color: #FFF;

	display: block;

	width: 146px;

	height: 24px;

	background: #F67711;

}





#information {

	width: 150px;

	height: 200px;

	margin: 30px 0 25px 0px;

	background: url(../images/fond_infos.png) no-repeat;

}



#information ul{

	float: left;

	margin: 30px 0 0 0;

	padding: 0;

	font: bold 12px Verdana, Arial, Helvetica, sans-serif;

}



#information li {

	list-style-type: none;

	margin: 5px 15px 0 0;

	padding: 0 0 0 0;

}



#information li a {

	display: block;

	width: 150px;

	height: 24px;

	color: #fff;

	text-decoration: none;

	text-align: center;

	line-height: 24px;



}



#information a:hover, #menu a:focus {

	color: #b72b98;

	display: block;

	width: 146px;

	height: 24px;

	background: #fff;

}







/******************** Contenu ********************/



#contenu {

	width: 600px;

	height: auto;

	float: left;

	margin: -505px 25px 15px 175px;	

}



#award {

	width: 600px;

	height: 150px;

}



#award2 {

	width: 600px;
	height: 150px;
	display: none;

}


.promo {
	width: 580px;
	background: url(../images/promo-janvier-fevrier.jpg) top no-repeat;
	padding: 0 10px 10px 10px;
}

.promo-titre {
	font-size: 14px;
	font-weight: bold;
	color: #F67711;
}

.promo-italic { 
font-size: 10px;
font-style: italic;
}

.texte-promo {
	padding-top: 150px;
}



/******************** Boites Gauche ********************/



#themes {

	width: 150px;

	height: 200px;

	float: left;

	margin: -505px 0 0 820px;

	background: url(../images/theme.png) no-repeat;

}

 



#client {

	width: 150px;

	height: 200px;

	float: left;

	margin: -380px 0 25px 820px;

	background: url(../images/fond_client.png) no-repeat;

}



#clientL {

	float: left;

	margin: 40px 0 0 -2px !important;

	margin: 60px 0 0 -2px;

	padding: 0;

}



#boutique {

	width: 150px;

	height: 200px;

	float: left;

	margin: -274px 0 25px 820px;	

	background: url(../images/fond_boutique.png) no-repeat;

}



#boutiqueL ul{

	float: left;

	margin: 30px 0 0 0;

	padding: 0;

	font: bold 12px Verdana, Arial, Helvetica, sans-serif;

}



#boutiqueL li {

	list-style-type: none;

	margin: 5px 15px 0 0;

	padding: 0 0 0 0;

}



#boutiqueL li a {

	display: block;

	width: 150px;

	height: 24px;

	color: #235BCA;

	text-decoration: none;

	text-align: center;

	line-height: 24px;



}



#boutiqueL a:hover, #boutiqueL a:focus {

	color: #FFF;

	display: block;

	width: 146px;

	height: 24px;

	background: #235BCA;

}







/******************** Footer ********************/



#footer {

	width: 970px;

	height: 53px;

	float: left;

	margin: 0 500px O 450px;

	padding: 8px 0 0 0;

	text-align: center;

	color: #333;

	font-weight: bold;

	background: url(../images/fond_adresse.png) no-repeat;

}



#baslien {

	width: 970px;

	float: left;

	margin: 0 auto;

	padding: 0 0 5px 0;

	text-align: center;

	color: #fff;

}







/**************************************************************************************************** PRESENTATION ****************************************************************************************************/





/******************** transparent ********************/



#principale {

	width: 600px;

	height: auto;

	background: url(../images/fond_contenu.png) repeat-y;

	padding: 10px 10px 10px 10px;

}



/******************** promo flash ********************/



#promo {

	width: 620px;

	height: 200px;

	background: url(../images/promo-autogyre.jpg) no-repeat top;

}





/******************** video intro ********************/



#video_intro {

	width: 620px;

	height: 275px;

	background: url(../images/fond_video.jpg) no-repeat;

	padding: 25px 0px 0px 0px;

	margin: 0 0;

}



/******************** galerie ********************/



#galerie1 {

	width: 620px;

	height: auto;

	background: url(../images/fond_gal1.jpg) center no-repeat;

	padding: 10px 0 10px 0;

}





#galerie_pos {

	width: 620px;

	height: auto;

	margin: 0 auto;

}



#galerie_pos ul {

	padding: 0 10px;

}



#galerie_pos li {

	list-style-type: none;

	display: inline;

	margin: 0 20px;

}



#galerie_pos li a img {

	border: 0;

}



/******************** Plan du site ********************/



#plan {

	width: 620px;

	height: auto;

	background: url(../images/fond_gal1.jpg) center no-repeat;

	padding: 10px 0 10px 0;

	/padding: 18px 0 0 0;

}





#plan_pos {

	width: 620px;

	height: auto;

	margin: 0 auto;

	/margin: 0 -40px;

}



#plan_pos ul {

	padding: 0 10px;

}



#plan_pos li {

	list-style-type: none;

	display: list-item;

	margin: 0 20px;

}



#plan_pos li a img {

	border: 0;

}



/******************** info bulle ********************/

a.info {

	position: relative;

	text-decoration: none;

	color: #000000;

	border: none;

}



a.info span {

	display: none;

}



a.info:hover {

	background: none;

	z-index: 500;

}



a.info:hover span {

	display: inline;

	position: absolute;

	width: 146px;

	z-index: 500;

	margin: 94px 0 0 0;

	background: #F67711;

	text-align: center;

	color: #FFFFFF;

	padding: 0.2em;

}



/******************** message d'erreur ********************/



.erreur {

	color: #fff;

	display: block;

	background: #235BCA;

	width: 580px;

	margin-bottom: 10px;

	padding: 10px 10px 10px 10px;

}



/******************** menu contact ********************/



form {

	margin: 0;

}



#menu_contact {

	width: 620px;

	height: 30px;

	background: url(../images/menu_contact.jpg);

}



#menu_contact ul {

	margin: 0 0 0 0;

}



#menu_contact li {

	list-style-type: none;

	display: inline;

	margin: 0 35px;

}



#menu_contact li a {

	color: #FFF;

	text-decoration: none;

	text-align: center;

	font-weight: bold;

	line-height: 30px;

}



#menu_contact a:hover, #menu_contact a:focus {

	color: #F67711;

	text-decoration: none;

	font-weight: bold;

}





#contact {

	width: 270px;

	height: 222px;

	background: url(../images/contact.png) no-repeat;

	position: absolute;

	margin: 60px 0 0 330px;

	padding: 33px 0 0 0;

	text-align: center; 

}



/******************** pages contact CSS ********************/



#civilite {

	width: 330px;

	padding-bottom: 10px;

}



#champs {width: 330px;}



#champs600, #radio {width: 600px;}



textarea.contact {width: 593px; height: 200px;}



input.contact {width: 190px;}



#label, #labelRadio, #label200 {

	float: left;

	font-family: Verdana, Geneva, sans-serif;

}



#label {width: 120px;}



#labelRadio {width: 145px;}



#label200 {width: 170px;}



#champs ul, #champs600 ul, #radio ul, #civilite ul {margin: 0; padding: 0;}



#champs li, #champs600 li {

	list-style-type: none;

	margin: 0 0 10px 0;

}



#boiteacocher li, #civilite li {

	list-style-type: none;

	display: inline;

}



#boiteacocher li {margin: 0 20px;}



#civilite li {margin: 0 10px;}



.input400 {width: 424px;}



/******************** champs obligatoire ********************/



.obligatoire {

	color: #235BCA;

	font-weight:bold;

}





/******************** pages newsletter ********************/



td.menuLettre {

	color: #333333;

	text-align : center;	

	background-color: #F67711;

}



td.menuLettreOver {

	font-weight: bold;

	text-align : center;

	background-color: #235BCA;

}

tr.ligne1 {

	background:#235BCA;

}

tr.ligne2 {

	background:#F67711;

}

a.menuLinfo {

	color: #fff;

	text-decoration:none;

}



.courantLetter {

	color: #fff;

}

a.lettreLink:link, a.lettreLink:visited {

	color: #235BCA;

	text-decoration:none;

}

a.lettreLink:hover, a.lettreLink:active {

	font-weight: bold;

	color: #235BCA;

	text-decoration:none;

}





/******************** pages news ********************/



.blancnews {

	color: #fff;

	font-weight: bold;

}



a.newslink:link, a.newslink:visited {

	font-weight: bold;

	color: #235BCA;

	text-decoration:none;

}



a.newslink:hover, a.newslink:active {

	color: #F67711;

	text-decoration:none;

}



.infoNews {

	color: #ff0000;

	font-style: italic;

}



tr.fondTitreNews {

	background-color: #235BCA;

}



tr.fondSousTitreNews {

	color: #000;

	background-color: #F67711;

}



td.fondTitreAffiche {

	font-weight:bold;

	color: #fff;

	background-color: #235BCA;

}



td.fondSousTitreAffiche {

	color: #fff;

	background-color: #F67711;

}



table.fondTableauAffiche {

	background-color: #fff;

}



/******************** pages impression ********************/



.contourImpression {

	border: solid #f64400;

	border-width: 2px;

	background: #F67711 url(../impression-imprimerie/images/fond_impression.jpg) bottom no-repeat;

}



a.menuImpression:link, a.menuImpression:visited {

	color: #333;

	text-decoration: none;

}



a.menuImpression:hover, a.menuImpression:active {

	font-weight: bold;

	color: #235BCA;

	text-decoration: none;

} 

.impressionTitre {

	color: #235BCA;

	font-weight: bold;

}



.impressionPrix {

	color: #333333;

	font-weight: bold;

}



.contourImpressionBas {

	border-right-width: 2px;

	border-left-width: 2px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #f64400;

	border-left-color: #f64400;

}





/******************** lien bas page ********************/



a.baspage:link, a.baspage:visited {

	color: #fff;

	text-decoration:none;

	font-size:9px;

}

a.baspage:hover, a.baspage:active {

	color: #333;

	text-decoration:underline;

}





/******************** Box lien ********************/



#box_bas {

	float: left;

	width: 100%;

	height: auto;

	margin: 20px 0 0 0;

	background: #F67711;

}





#box_liens {

	width: 967px;

	height: auto;

	margin: 0 auto;

}



#contenu_box {

	width: 150px;

	height: auto;

	display: block;

	margin: 15px 0 15px 0;

	float: left;

	padding: 0 0 0 9px;

}



#contenu_box ul {

	list-style:none;

	border-left-color: #FFF;

}



#contenu_box li a {

	color: #fff;

	text-decoration: none;

	font-size: 9px;

}



#contenu_box li a:hover, #contenu_box li a:focus {

	color: #039;

	text-decoration: none;

	font-size: 9px;

}



/* the news box */

#news

{

	width:400px;

}

/* the news box with JS */

#news.hasJS

{

	height:60px;

	overflow:hidden;

	position:relative;

}

/* The nested UL with JS */

#news.hasJS ul

{

	position:absolute;

	top:60px;

	left:0;

}