@import url(sIFR.css);
/* CSS Document */

/*-----------------------------------------------------------------------------*/
/* GLOBAL
/*-----------------------------------------------------------------------------*/
html{height:100%;}
body{ margin:0px; padding:0px; height:100%;}
form{ margin:0px; padding:0px;}

.clr{clear:both;}

body{ background:url(../img/bg.jpg) repeat-x;}

#content{ width:814px; margin-left:auto;  margin-right:auto; height:100%;}
#content .right{width:4px; height:100%; float:left; background:url(../img/shadow_r_bottom.jpg) repeat-y; position:relative;}
#content .right .end{width:4px; position:absolute; bottom:0px; right:0px;}

#content .main{ width:806px; background-color:#FFFFFF; height:100%; float:left;}
#content .left{width:4px; height:100%; float:left; background:url(../img/shadow_l_bottom.jpg) repeat-y; position:relative;}
#content .left .end{width:4px; position:absolute; bottom:0px; left:0px;}

#center{ width:766px; margin:20px 0 0 20px;}

/*TITRE DES RUBRIQUES*/
.sIFR-active .titre{	
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
	font-size: 36px;
	height:54px;
	padding:0 0 0 0;
	width:546px;
	float:right;
}
/*TITRE DES BLOCKS*/
.sIFR-active .titre2{
	visibility: hidden;
	font-family: Arial;
	line-height: 1em;
	font-size: 16px;
	height:24px;
	padding:0 0 0 0;
}
/*TITRE DES BLOCKS2*/
.sIFR-active .titre3{
	visibility: hidden;
	font-family: Arial;
	line-height: 1em;
	font-size: 16px;
	height:24px;
	padding:0 0 0 0;
}

/*-----------------------------------------------------------------------------*/
/* HEADER
/*-----------------------------------------------------------------------------*/
/*top*/
#top{ background-color:#10ACCD; height:28px; text-align:right; font:10px arial; color:#FFFFFF;}
#top .r{ float:right;}
#top .r span{ float:left; margin:6px 4px 0 0;}
#top .r .flag{ border:1px solid #FFFFFF; margin:6px 4px 0 0; float:left;}
#top .r .flag_on{ border:1px solid #333333;}
#top .r .flag img{ border:0px; margin:0px; padding:0px;}

/*bandeau*/
#bandeau{height:266px; position:relative;}
#bandeau .logo{position:absolute; top:84px; left:40px;}
#bandeau .deco{position:absolute; top:156px; left:0px;}
#bandeau #menu{position:absolute; bottom:0px; left:10px;}

/*images du bandeau*/
.img_1{ background:url(../img/bandeau_3.jpg) top left no-repeat;}
.img_2{ background:url(../img/bandeau_3.jpg) top left no-repeat;}
.img_3{ background:url(../img/bandeau_3.jpg) top left no-repeat;}
.img_4{ background:url(../img/bandeau_2.jpg) top left no-repeat;}

/*-----------------------------------------------------------------------------*/
/* FOOTER
/*-----------------------------------------------------------------------------*/
#footer{ width:766px; margin:40px 0 0 20px; border-top:1px solid #CCCCCC; font:10px Arial; color:#A8A8A8;}
#footer ul{ margin:0px; padding:8px 0 10px 0; list-style:none; width:766px;}
#footer ul li{ width:766px; clear:both; padding:4px 0 0 0 ;}
#footer ul li .r{ float:right;}
#footer ul li .l{ float:left;}
#footer ul li a{ text-decoration:none; color:#A8A8A8;}
#footer ul li a:hover{ text-decoration:underline;}

/*-----------------------------------------------------------------------------*/
/* ACCUEIl
/*-----------------------------------------------------------------------------*/
#texte_accueil{ background:url(../img/bg_a.jpg) top left no-repeat; width:504px; background-color:#FFFFFF; float:left;}
#texte_accueil .titre2{margin:0 0 0 0; padding:16px 0 8px 18px;}
#texte_accueil p{ font:13px Arial; color:#333333; margin:0 0 0 0; padding:0 18px 0 18px; line-height:18px;}
#texte_accueil p a{ color:#10ACCD; padding:0 0 0 10px; background:url(../img/puceb.jpg) left no-repeat;}
#texte_accueil p a:hover{ text-decoration:none;}


#contact_acc{ background:url(../img/bg_c.jpg) top left no-repeat; width:242px; height:60px; background-color:#FFFFFF; float:right; margin: 0 0 10px 0;}
#contact_acc .titre2{ padding:12px 0 0 16px;}
#contact_acc a{ font:12px arial; color:#03616B; text-decoration:none; padding:0 0 0 16px;}
#contact_acc a:hover{text-decoration:underline;}

#rub_acc{ background:url(../img/bg_b.jpg) top left no-repeat; width:242px; background-color:#FFFFFF; float:right;}
#rub_acc .titre2{ padding:16px 0 4px 16px;}
#rub_acc ul{ list-style:none; margin:0 0 0 0; padding:0 0 0 16px;}
#rub_acc ul li{ line-height:22px;}
#rub_acc ul li a{font:13px arial; color:#333333; text-decoration:none; padding:0 0 0 18px; background:url(../img/pucea.jpg) left no-repeat;}
#rub_acc ul li a:hover{text-decoration:underline;}

#pub{ margin:0 0 20px 0; border:6px solid #B5B5B5; background:url(../img/pub.jpg) no-repeat left top; height:206px; position:relative;}
#pub .titre{padding:0 0 0 0; margin:0 0 0 0; width:400px; position:absolute; top:60px; left:350px;}
#pub .titre3{padding:0 0 0 0; margin:0 0 0 0; width:380px; position:absolute; top:104px; left:350px; font-size: 13px;}
#pub a{font:11px arial; color:#10ACCD; text-decoration:none; padding:0 0 0 20px; background:url(../img/pucec.jpg) left no-repeat; position:absolute; top:180px; left:600px;}
#pub a:hover{text-decoration:underline;}

/*-----------------------------------------------------------------------------*/
/* contact
/*-----------------------------------------------------------------------------*/
#coord{ background:url(../img/bg_d.jpg) top left no-repeat; width:200px; background-color:#FFFFFF; float:left; margin: 0 0 10px 0;}
#coord .titre2{ padding:16px 0 4px 16px;}
#coord ul{ list-style:none; margin:0 0 0 0; padding:0 0 0 16px; width:180px;}
#coord ul li{font:12px arial; color:#333333; padding:0 0 2px 0;}

#form{ float:right; border:1px solid #CCCCCC;  width:544px; background:url(../img/bg_f.jpg) top left no-repeat; font:13px arial; color:#333333;}
#form .titre2{ padding:16px 0 4px 16px;}
#form p{ margin:0 0 0 0; padding:0 16px 10px 16px;}
#form .erreur{ color:#FF3300;}

#form ul{ list-style:none; margin:0 0 0 0; padding:0 16px 0 16px; float:left;}
#form ul li {line-height:28px; clear:both; float:left;width:512px;}
#form ul li label{ width:80px; float:left; }
#form ul li input{ height:16px; font:13px arial; color:#333333; width:214px; border:1px solid #CCCCCC; float:left; margin:4px 0 0 0;}
#form ul li textarea{ height:86px; font:13px arial; color:#333333; width:428px; border:1px solid #CCCCCC; float:left; margin:4px 0 0 0;}


#form ul li .email{font:13px arial; color:#10ACCD; text-decoration:none; padding:0 0 0 10px; background:url(../img/puceb.jpg) left no-repeat; float:left; margin:24px 0 0 80px;}
#form ul li .email:hover{text-decoration:underline;}

#form ul li .button{ background-color:#10ACCD; display:block; float:right; text-align:center; font:12px Arial; color:#FFFFFF; text-decoration:none; font-weight:bold; padding:10px 10px 10px 10px; margin:16px 0 16px 80px;}
#form ul li .button:hover{ background-color:#CCCCCC;}

/*-----------------------------------------------------------------------------*/
/* PRODUCTS
/*-----------------------------------------------------------------------------*/
#rub{ background:url(../img/bg_d.jpg) top left no-repeat; width:200px; background-color:#FFFFFF; float:left; margin: 0 0 10px 0;}
#rub .titre2{ padding:16px 0 4px 16px;}
#rub ul{ list-style:none; margin:0 0 0 0; padding:0 0 0 16px;}
#rub ul li{ line-height:22px;}
#rub ul li a{font:13px arial; color:#333333; text-decoration:none; padding:0 0 0 18px; background:url(../img/pucea.jpg) left no-repeat;}
#rub ul li a:hover{text-decoration:underline;}

#list{float:right; width:544px;}


.prod{ border:1px solid #CCCCCC;  width:514px; background:url(../img/bg_f.jpg) top left no-repeat; font:13px arial; color:#333333; padding:14px 14px 4px 14px; float:left; margin:0 0 10px 0;}
.prod .titre2{ float:left; width:514px;}
.prod span{float:left; width:514px; margin:0 0 10px 0;}
.prod img{float:left;}
.prod p{padding:0 0 0 0; margin:0 0 0 0; float:right; width:340px; display:block;}
.prod p a{font:13px arial; color:#10ACCD; text-decoration:none; padding:0 0 0 10px; background:url(../img/puceb.jpg) left no-repeat; line-height:26px;}
.prod p a:hover{text-decoration:underline;}

.prod2{ border-bottom:1px solid #CCCCCC;  width:514px; font:13px arial; color:#333333; padding:14px 14px 4px 14px; float:left;}
.prod2 .titre3{ float:left; width:354px;}
.prod2 .statut{  float:right; width:160px; text-align:right; margin:0 0 10px 0; color:#10ACCD;}
.prod2 span{ display:block; float:left; width:514px; margin:0 0 10px 0;}
.prod2 span a{font:13px arial; color:#10ACCD; text-decoration:none; padding:0 0 0 10px; background:url(../img/puceb.jpg) left no-repeat; line-height:26px;}
.prod2 span a:hover{text-decoration:underline;}