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

body {font:11px Verdana, Arial, Helvetica, sans-serif ; background:#E1DCCB}

h1, h2, h3, h4, h5, p, ul, li{ padding:0px; margin:0px;}

h1, h3, h4 {display:none}

#container {position: absolute ; left:50%; top:50% ;width:955px ; height:600px ; margin-top: -300px ; margin-left:-478px ;}


#back { position:absolute;	left:5px;	top:5px; font-size:9px ; color:#8E8474}
#back a { font-size:9px ; color:#8E8474; text-decoration:none}
#back a:hover {text-decoration:underline}

/* flag */
#flag {	position:absolute;	left:467px;	top:347px}

/* btn */
a.smart, a.contact, a.vue, a.ref, a.actu, a.compa {	position:absolute;	display:block;	width:76px;	height:76px;}
a.smart:hover, a.contact:hover, a.vue:hover, a.ref:hover, a.actu:hover, a.compa:hover {position:absolute; display:block; width:76px; height:76px}

/* actualites */
#actu .intro {color:#fff; text-align:right ; padding:10px 100px 15px 10px; line-height: 14px; }
#actu .news {float:left; width:195px; padding:0 5px 0 10px; font-size:10px; color:#8E8474 ;}
#actu h5 {color:#8E8474 ; font-size:11px; margin-bottom:5px}
#actu .intro a { padding-top:5px ;color:#fff}
#actu .intro a:hover { text-decoration:none}
#actu .news a { color:#8E8474; text-decoration:underline}
#actu .news a:hover { text-decoration:none}

/* contact */
#contact .info {float:left; color:#8E8474; padding:90px 5px 0 15px;}
#contact a {text-decoration:underline; color:#8E8474 ; font-size:9px;}
#contact a:hover {text-decoration:none;}
#contact .site { color:#fff;	position:absolute;	bottom:40px;	left:265px}
#contact .site a {color:#fff; font-size:10px}

/* vue 180 */
#vue .intro {color:#fff; padding:45px 0 30px 90px; }

/* références */
#ref .intro {color:#fff; padding:8px 0 0 100px; font-size:12px ; font-weight:bold}
#ref .tousLogo { padding-left:100px}
#ref .logoCarr {position: absolute; top:23px; text-align:center; float:left}
#ref .logoCarr .txt {display:block ; padding-top:2px ;font-size:9px; color:#fff}
#ref .logoSalins {position: absolute; right:5px ;top:23px; text-align:center; float:left}
#ref .logoSalins .txt {display:block ; padding-top:2px ;font-size:9px; color:#fff}
#ref .logoHuit { position: absolute; top:29px; text-align:center;left: 181px;}
#ref .logoDia {	position: absolute;	top:31px;	text-align:center;	left: 280px;}
#ref .logoShopi { position: absolute;	top:29px;	text-align:center;	left: 364px;}
#ref .logoChampion { position: absolute;	top:59px;	text-align:center;	left: 205px;}
#ref .logoGlobi { position: absolute;	top:63px;	text-align:center;	left:290px;}
#ref .logoEd {	position: absolute;	top:56px;	text-align:center;	left: 370px;}
#ref1, #ref2, #ref3, #ref4, #ref5, #ref6, #ref7, #ref8, #ref9, #ref10 { position:absolute; left:30px ; bottom:10px; width:460px ;}

/* smart flow */
#smart .intro {color:#fff ; padding:5px 0 15px 100px; }
#smart .txtIntro {font-size:14px ; font-weight:bold; padding-bottom:5px}
#smart .plus {  padding:0 10px 0 20px;}
#smart ul {float:left; display:block;list-style-type:decimal;  color:#8E8474 ; font-size:9px; width:150px ;}
#smart li {padding-bottom:2px;}
#smart .intro a { color:#fff}
#smart .intro a:hover { text-decoration:none}

/* comparatif */
#comp .intro {padding:5px 0 5px 10px; }
#comp .txtIntro {font-size:14px ; font-weight:bold; padding-bottom:5px}
#comp .plus {  padding:0 10px 0 20px;}
#comp ul {float:left; display:block;list-style-type:decimal;  color:#8E8474 ; font-size:9px; width:150px ;}
#comp li {padding-bottom:10px;}
#comp .intro a:hover { text-decoration:none}
.coul2 {color:#1A171B}
.trait2 {border-left:2px solid #8E8474}
.trait1 {border-top:1px solid #8E8474}
#comp .intro a:lienTable { color:#fffff ; text-decoration:none }
#comp .intro a:lienTable:hover {text-decoration:underline}
#comp a.suite {color:#F19300 ; text-decoration:none}
#comp a.suite:hover {text-decoration:underline}
#comp table {font-size:10px}