@import url(common.css);

/* --[ Global ]-- */
* {margin:0px; padding:0px}

html {
  background:#f1f1f1;font:11px Arial, helvetica, sans-serif;
}
body{background:#f1f1f1;}

.bleu {color:#030b35 !important}
.vert {color:#a7c956 !important}
.gris {color:#8d8c8c !important}
.rouge{color:#fe0201 !important}
.bggris{background:#f1f1f1 !important}
.bordGris{border:4px solid #E9EAEC}

img {border:none}
p {text-align:justify}
a {text-decoration:none}

h1 {font-size:15px}
h2 {font-size:14px}
h3 {font-size:13px}
h4 {font-size:12px}
h5 {font-size:10px}

.liste {background-color:#E4E4E4; border:1px #c5c9dd solid; padding:10px 10px 0px 10px}
.liste li {margin:0px 0px 10px 15px}
.cacher{display:none}

/**********************************************************************************************
 *************************** SQUELETTE *************************
 **********************************************************************************************/

#bghtml2{background:#f1f1f1 url(../img/squelette/bg_html2.gif) repeat-x;text-align:center}
#bghtml{background:#f1f1f1 url(../img/squelette/bg_html.gif) repeat-x;text-align:center}
#bghead{background:url(../img/squelette/bg_page.gif) top center no-repeat;}
#page{position:relative;background:#dadada;width:960px;text-align:left;margin:0px auto;padding-bottom:10px;}

#header{background:url(../img/squelette/bg_head.gif) no-repeat;}
#hg{width:301px;height:202px;background:url(../img/squelette/hg.gif) top left no-repeat;}
#hd{margin-bottom:-3px;position:relative;}
#pardessus{padding-top:6px;width:659px;height:100px;position:absolute;top:0px;left:0px}

.conteneur {
  width:960px;
  text-align:left;
  margin:0px auto 0px auto;
}

#contentFoot{margin:10px auto;}
#contentFoot ul{text-align:right;margin-right:10px}
#contentFoot ul li{list-style:none}
#contentFoot a{text-decoration:none;color:#8d8c8c}
#contentFoot a:hover{text-decoration:underline}

h2.top{color:#f1f1f1;font-size:11px;padding:7px 0 0 10px;}
#header a{color:#f1f1f1;font-weight:bold;text-decoration:none}
#header a:hover{text-decoration:underline}
p.flags{margin:19px 0 0 25px}

h1.pos{position:absolute;top:55px;left:43px;z-index:50}

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

#menu{background:#000;}
#menu a{float:left;height:59px;display:block;overflow:hidden;margin:0}
#menu a span{display:block;margin-top:60px}
#menu a:hover{background-position:0 -59px}
img.mdroit{float:right;margin:-59px 0 0 3px;}
a.roto{width:163px;background:url(../img/menu/m_roto.gif) no-repeat 0 0}
a.be{width:179px;background:url(../img/menu/m_be.gif) no-repeat 0 0}
a.produits{width:134px;background:url(../img/menu/m_produits.gif) no-repeat 0 0}
a.access{width:148px;background:url(../img/menu/m_access.gif) no-repeat 0 0}
a.contact{width:119px;background:url(../img/menu/m_contact.gif) no-repeat 0 0}
a.rotoActif{width:163px;background:url(../img/menu/m_roto.gif) no-repeat 0 -118px}
a.beActif{width:179px;background:url(../img/menu/m_be.gif) no-repeat 0 -119px}
a.produitsActif{width:134px;background:url(../img/menu/m_produits.gif) no-repeat 0 -118px}
a.accessActif{width:148px;background:url(../img/menu/m_access.gif) no-repeat 0 -118px}
a.contactActif{width:119px;background:url(../img/menu/m_contact.gif) no-repeat 0 -118px}

a.been{width:179px;background:url(../img/menu/m_been.gif) no-repeat 0 0}
a.produitsen{width:134px;background:url(../img/menu/m_produitsen.gif) no-repeat 0 0}
a.accessen{width:148px;background:url(../img/menu/m_accessen.gif) no-repeat 0 0}
a.beenActif{width:179px;background:url(../img/menu/m_been.gif) no-repeat 0 -119px}
a.produitsenActif{width:134px;background:url(../img/menu/m_produitsen.gif) no-repeat 0 -118px}
a.accessenActif{width:148px;background:url(../img/menu/m_accessen.gif) no-repeat 0 -118px}

/* accueil */

#entre_roto{color:#fff;text-align:justify;width:675px;height:86px;background:url(../img/accueil/bg_entre.gif) no-repeat 0 0}
#produit{width:960px;background:#030b35;height:240px;margin-top:7px}
#contentProduit{padding-top:27px;position:relative;top:5px;margin:7px;background:#f1f1f1;height:203px;}
#infosProd{color:#858585;width:391px;margin-left:20px}
#infosProd h4{font-weight:normal;color:#1e2b65;font-size:14px;margin-bottom:8px}
#infosProd a.suite,#infosProd a.page{font-weight:bold;background:#dadada;color:#636363;}
#infosProd a.suite{float:right;width:100px;text-align:right;padding:2px 10px 2px 0}
#infosProd a.page{float:left;margin-right:3px;background:#dadada;color:#636363;padding:2px 5px;}
#infosProd a.page:hover,#infosProd a.suite:hover{color:#dadada;background:#636363;}
div.w256{width:256px}
#infosProd a.pdf{float:left;position:relative;top:-3px}

.top_encart_r,.top_encart_b{margin:7px 7px 7px 10px;padding-top:16px;width:466px;background:url(../img/accueil/top_rge.gif) no-repeat;text-align:center}
.top_encart_b{margin:7px 0px;background:url(../img/accueil/top_bleu.gif) no-repeat;}
.top_encart_r h3,.top_encart_b h3{font-weight:normal;color:#fff;font-size:14px}
.encart_r{position:relative;padding:20px;margin:6px auto 0;width:422px;background:#f1f1f1;color:#858585}
.coin{position:absolute;bottom:-2px;right:-2px}
.w264{width:264px;margin-right:7px}

#entreprise{margin-top:3px}

#bgentre{margin-top:7px;width:960px;background:url(../img/entreprise/bg_entre.gif) repeat-y}
#hautbleu{width:960px;background:url(../img/entreprise/hautbleu.gif) top center no-repeat}
.hautbleu2{background:url(../img/entreprise/hautbleu2.gif) top center no-repeat}
#bgentre div.colonne,#bgentre div.large{color:#858585;padding:15px 0 10px 20px;width:940px}
#bgentre div.colonne{width:460px}
div.colonne h2,div.large h2{text-transform:uppercase;margin-bottom:30px;color:#fff;font-size:15px;}
h2.roto{margin-left:50px;padding-top:15px;text-transform:uppercase;margin-bottom:30px;color:#fff;font-size:15px;}
div.colonne h2{text-align:center;}
.hautbleu2 h2{margin-left:50px}
.colonne a,div.large a{color:#858585;text-decoration:none;font-weight:bold}
.colonne a:hover,div.large a:hover{text-decoration:underline;}
.colonne ol{text-align:justify;float:left;margin:15px 0 15px 30px}
.colonne ol li{margin-bottom:5px}
p.wbe{width:290px}
div.cellule{float:left; width:254px}
div.cellule h3{color:#1f2c66;margin:0 0 4px 13px;text-transform:uppercase;font-size:12px}
div.basprod{background:url(../img/entreprise/basentre2.gif) no-repeat;height:20px;}

.wroto{width:460px}

hr.gris1,hr.gris2{margin:15px 0 15px 10px;color:#D4D4D4 !important;background:#D4D4D4;border:0;height:1px}
hr.gris2{margin:15px 30px 15px 0;}

/* details produit */

div.description{margin-top:12px;background:#030b35;color:#fff;padding:8px 20px 20px;}
div.description li,div.caracteristiques li{list-style:none;margin:0 0 10px 20px;padding-left:30px}
div.description li{background:url(../img/details/p_fleche_d.jpg) no-repeat 0 0}
div.caracteristiques li{background:url(../img/details/p_fleche_c.jpg) no-repeat 0 0}
div.caracteristiques{margin-top:-5px;background:#dbdbdb;color:#030b35;padding:10px;}
div.description h4, div.caracteristiques h4{margin-bottom:8px;font-size:11px}

ul.sousMenu{text-align:center;margin-top:7px;color:#bababa;}
ul.sousMenu li{display:inline}
ul.sousMenu li a{color:#bababa;font-weight:normal;font-size:10px;text-transform:uppercase}

div.wdetails{width:550px;color:#030b35}
div.wdetails h3{font-weight:normal;margin:7px 0 15px}
div.wdetails ul{margin-left:15px}

div.wextras{width:700px;}
#menuAnnexe{float:left;width:150px;padding:15px;}
#menuAnnexe ul li{list-style:none;margin-bottom:3px}
#menuAnnexe a{zoom:1;font-weight:normal;padding:3px;display:block;background:#c9c9c9;color:#505050}
#menuAnnexe a:hover,#menuAnnexe a.actif{text-decoration:none;background:#030b35;color:#dbdbdb}

div.autres{width:309px;margin:8px 0 0 11px;background:#dbdbdb;padding:10px}
div.autres h4{padding-left:10px;margin-bottom:7px;font-weight:normal;color:#050c55;font-size:11px}
div.autres a{zoom:1;width:147px;font-weight:normal;float:left;margin:0 0 4px 0;padding:3px;background:#c9c9c9;color:#505050}
div.autres a.ri{float:right}
div.autres a:hover{text-decoration:none;background:#030b35;color:#dbdbdb}

div.sub{text-align:center;color:#9b9b9b;}
div.sub a{font-weight:bold;color:#9b9b9b;text-decoration:none}
div.sub a:hover{text-decoration:underline}

div.irts{margin-right:10px;float:left;width:90px}
div.irtsd{float:left;width:320px;}

div.nopic{width:71px;height:71px;background:#e3e3e4;border:3px #dedede solid}
#vignettes{margin-left:11px}

.wextras h3{margin-bottom:5px;font-size:12px;color:#030b35;}

.accessoire{text-align:center;}
.accessoire:hover{cursor:pointer}
div.cellule2{float:left;width:200px}

span.acce{cursor:pointer;text-align:center;width:155px;height:91px;display:block;background:url(../img/accessoires/bg_prod.jpg) no-repeat}
span.acce img{margin:4px auto 0}
.accessoire span{font-weight:normal;}
.accessoire span.texte{display:block;width:155px;margin-top:5px}

.accessoire a:hover{color:#030b35;text-decoration:none !important}
.macc{margin-left:12px}

/**********************************************************************************************
 *************************** COMMUN *************************
 **********************************************************************************************/

#leb-img {margin-top:20px}
.fond-infos,.fond-infos2 {background-color:#E4E4E4; margin:5px 0px; padding:5px 0px 5px 20px; width:450px}
.fond-infos2 {background-color:#D1D7F1}

thead.cap{font-size:11px;background-color:#030B35; color:#fff;font-weight:bold}

.wextras td{font-size:11px;color:#707070;padding:5px}

.couleur1 {background-color:#E4E4E4}
.couleur2 {background-color:#D1D7F1}

caption {font-size:11px;width:700px; background-color:#030B35; color:#fff; padding:1px 0px; font-weight:bold}
#extras td {padding:5px 0px}
#extras p{text-align:justify; width:700px}
#extras li{text-align:justify; margin-left:20px}
#extras ul {background-color:#7d7a7a; border:1px #929292 solid; padding:10px}

.annexes h3 {color:#dc9b00;}
.annexes p {display:block; width:580px}
.annexes ul {margin-left:20px}
.annexes li {margin-bottom:5px}

#plan ul li{margin-bottom:4px;zoom:1;list-style:none}
#plan a {zoom:1;display:block; width:700px; padding:5px 0px 5px 5px; background-color:#DBDBDB;}
#plan a:hover {margin-left:10px;text-decoration:none;background-color:#1E2B65; color:#fff}
#plan a.titre{background:#1E2B65;color:#fff}
#plan a.titre:hover{margin-left:0;background:#F90200;color:#fff}

div.extras .credits1,div.extras .credits2{color:#666;background-color:#E4E4E4; margin:5px 0px; padding:5px 0px 5px 20px; width:480px}
div.extras .bg1{background-color:#38647f}
div.extras .credits2,div.extras .bg2{background-color:#2e566f}
div.extras td{padding:5px 0;color:#fff;font-size:11px}
div.extras .credits1 p,div.extras .credits2 p{margin-top:0 !important}
#creditsLeb .credits1 a.rouge{color:#666 !important}
#creditsLeb ul li{margin-left:0 !important}
#creditsLeb a{text-decoration:none !important}

.w70{width:70px}
.w120{width:120px}
.w376{width:376px}


/*** MESSAGES ERREUR ***/
.ok, .error{text-align:center; }
.ok {background-color:#00B000; color:#fff; font-weight:bold; padding:2px 0px}
.error {background-color:#f00; color:#fff; font-weight:bold; padding:2px 0px}

/***************************************
************ FORMULAIRES ***
***************************************************************/

/*** FORMULAIRES ***/

.wcontact{width:380px}
.wmessage{float:right;width:489px;margin-right:27px}
.wcontact h4{font-size:11px;margin-bottom:10px}

.wcontact label a{font-weight:bold;color:#fff;text-decoration:underline}
.wcontact label a:hover{text-decoration:none}
.wmessage textarea{width:422px;background:#dadada;border:0;font-family:arial;font-size:11px;color:#707070}
input.send{margin-top:10px}
.wcontact select{width:272px;color:#7B7B7B;padding:3px 0}
.wcontact label.normal{float:left;width:100px;text-align:right;color:#7b7b7b;margin-right:7px;}
.wcontact p.textuel{margin-bottom:3px}
.wcontact p.textuel input{padding:5px;background:#dadada;border:none;width:265px;height:16px;padding-top:2px;padding-left:2px;font-family:arial;color:#4b4846;font-size:11px;color:#707070}
.wcontact p.inpout input.envoyer{text-align:left;background:#fff;border:none;width:200px;padding:3px;font-family:arial;color:#4b4846;font-size:11px}
.wcontact p.inpout select.long{width:302px;height:18px;padding-top:2px;padding-left:2px;font-family:arial;color:#4b4846;font-size:11px}
p.txt label{float:left;width:60px;text-align:right;color:#7b7b7b;margin-right:7px;}

input.erreur,textarea.erreur{background:#FE0201 !important;color:#fff !important}

p.highlight2{margin-left:40px;font-weight:bold;color:#FE0201;}

/**** input en block ***/
#formContact div.inpoutLine{width:500px;margin:10px 0 0 20px}
#formContact div.inpoutLine div.riad{margin:5px 0 0 10px}

#formContact p.info_prix{margin-top:5px;background:#fff;padding:5px;color:#373737}
#formContact p.info_prix span.rouge{width:150px;text-align:center;padding:3px 20px;background:#eb3333;color:#fff;margin-left:10px}

/****************************
*********************
PLUG UNIFORM
*********************
******************************/


div.checker {
	height: 18px;
	width: 18px;
	overflow: hidden;
	border: solid 1px #ddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff url(img/bg.png) repeat-x left 10px;
	float: left;
	display: inline;
	margin-right: 10px;
	position: relative;
}

div.checker.focus {
	border-color: #999;
}

div.checker.focus span {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

div.checker span {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}

div.checker span.checked {
	background: url(img/check.gif) no-repeat center center;
}

div.checker span input {
	position: absolute;
	opacity: 0;
}

/* Radio box */

div.radio {
	height: 19px;
	width: 19px;
	overflow: hidden;
	background: #fff url(img/bg.png) repeat-x left 10px;
	float: left;
	display: inline;
	margin-right: 10px;
	position: relative;
	-webkit-border-radius: 10px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	border: solid 1px #ddd;
}

div.radio.focus {
	border-color: #999;
}

div.radio.focus span {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-position: center center;
}

div.radio span {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}

div.radio span.checked {
	background: url(img/radio.gif) no-repeat center center;
}

div.radio span input {
	position: absolute;
	opacity: 0;
}

/* Select Box */

div.selector {
	display: block;
	float:left;
	width: 270px;
	border: solid 1px #ddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	background: url(img/bg.png) repeat-x left 12px;
	line-height: 22px;
	margin-bottom: 3px;
	text-shadow: 0 1px 0 #fff;
	height: 22px;
	color: #444;
}

div.selector select {
	width: 270px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

div.selector.focus {
	border-color: #999;
}

div.selector span {
	position: absolute;
	left: 6px;
	top: 0px;
	font-size: 1.1em;
	width:100%;
	padding: 0;
	display: block;
	padding-right: 20px;
	background: url(img/select.gif) no-repeat 245px 60%;
	right: 0;
}

div.selector.focus span {
	left: 5px;
}

div.selector select {
	position: relative;
	font-size: 1.1em;
	padding: 0;
	line-height: 23px;
	border: 0;
	margin: 0;
	padding-right: 40px;
}