/* Paramètres communs à toutes les pages */
* {margin:0; padding:0;}
img { border:none;}
body { margin: 0 0 0 0; background:url('../images/site/rainures.jpg');}
fieldset { padding-left:10px; padding-right:10px; }

#index { width:1000px; height:605px; margin:auto; margin-top:50px; }

/*Haut de page*/
#subheader { width:100%; height:150px; background:#333333; border-bottom:2px groove #000;}
#header { width:1000px; height:118px;  margin:auto;}
#logo { width:700px; height:118px; float:left; }
#plan { width:478px; height:113px; float:left; background:url('../images/site/slogan.jpg') no-repeat; text-align:right; padding-right:22px; padding-top:5px; }
#menu { width:1000px; height:32px; margin:auto; text-align:center; }
#onglet_current { width:142px; height:20px; float:left; text-align:center; background:url('../images/site/hover.jpg') no-repeat; padding-top:12px; }
#onglet2 { width:142px; height:20px; float:left; text-align:center; background:url('../images/site/tab.jpg') no-repeat; padding-top:12px; }
#onglet2:hover { width:142px; height:20px; float:left; text-align:center; background:url('../images/site/hover.jpg') no-repeat; padding-top:12px; }
#onglet3 { width:142px; height:20px; float:left; text-align:center; background:url('../images/site/tab.jpg') no-repeat; padding-top:12px; }
#onglet3:hover { width:142px; height:20px; float:left; text-align:center; background:url('../images/site/hover.jpg') no-repeat; padding-top:12px; }
#onglet4 { width:142px; height:20px; float:left; text-align:center; background:url('../images/site/tab.jpg') no-repeat; padding-top:12px; }
#onglet4:hover { width:142px; height:20px; float:left; text-align:center; background:url('../images/site/hover.jpg') no-repeat; padding-top:12px; }
#onglet5 { width:142px; height:20px; float:left; text-align:center; background:url('../images/site/tab.jpg') no-repeat; padding-top:12px; }
#onglet5:hover { width:142px; height:20px; float:left; text-align:center; background:url('../images/site/hover.jpg') no-repeat; padding-top:12px; }
#onglet6 { width:142px; height:20px; float:left; text-align:center; background:url('../images/site/tab.jpg') no-repeat; padding-top:12px; }
#onglet6:hover { width:142px; height:20px; float:left; text-align:center; background:url('../images/site/hover.jpg') no-repeat; padding-top:12px; }
#onglet7 { width:142px; height:20px; float:left; text-align:center; background:url('../images/site/tab.jpg') no-repeat; padding-top:12px; }
#onglet7:hover { width:142px; height:20px; float:left; text-align:center; background:url('../images/site/hover.jpg') no-repeat; padding-top:12px; }
#menu2 { width:1000px; height:50px; margin:auto; background:url('../images/site/menu2.jpg') no-repeat center #333333; text-align:center;}
/*Fin du haut de page*/

#bloc { width:1000px; height:100%; margin:auto; margin-top:15px; }
#diapo { width:680px; height:450px; float:left; background:url('../images/site/fd_plasma.png') no-repeat; }
#lecteur { width:630px; height:344px; margin-left:16px; margin-top:32px; }
#news { width:320px; height:450px; float:left; }
#top { width:290px; height:450px; padding-right:10px; text-align:justify; padding-left:20px; }

#visuel { width:1000px; height:100%; }

#magasins { width:1000px; height:605px; text-align:center; }
#formmag { width:450px; height:595px; float:left; padding-top:10px; text-align:left; }
#carte { width:550px; height:605px; float:left; }

/* Galerie Savoir Faire */
#visuelgf { width:1000px; height:100%; }
#galerie { width:1000px; height:100px; margin-top:10px; }
/* Fin de la galerie Savoir Faire */

#presenttoutsavoir { width:1000px; height:100%; }
#toutsavoir { width:1000px; height:100%; }
#dossier { width:715px; height:100%; float:left; text-align:justify; padding-left:20px; padding-right:15px; }
#dossier2 { width:710px; height:100%; float:left; text-align:justify; padding-left:40px; }
#illu { width:250px; height:100%; float:left; }
#themes { width:250px; height:45px; text-align:center; }
#themes2 { width:250px; height:45px; float:left; }

#videos { width:1000px; height:100%; text-align:center; }

#partenaires { width:1000px; height:100%; text-align:center; }
#partenaires2 { width:1000px; height:100%; text-align:justify; }

#blocprojet { width:800px; height:800px; margin:auto; margin-top:15px;}
#blocquestions { width:800px; height:900px; margin:auto; margin-top:15px; text-align:justify; }

#separate { margin:auto; height:30px; width:1000px; clear:both; }

#didacticiel { margin:auto; height:20px; width:800px; padding-top:10px; letter-spacing:2px; }

#contenu { width:1000px; height:300px; margin:auto; margin-top:15px; background:url('../images/site/fd_contenu2.png') no-repeat; }

#produits { width:1000px; height:500px; margin:auto; text-align:left; }
#produits2 { width:1000px; height:500px; margin:auto; text-align:left; }
#navsecond { width:250px; height:480px; float:left; margin-top:20px; }
#tight { width:730px; height:470px; float:left; padding-top:30px; padding-left:20px; text-align:justify; }

#left { width:280px; height:290px; float:left; padding-left:10px; padding-top:20px; }
#navlist { padding-left: 0; margin-left: 0; border-bottom: 1px dashed #cccccc; width:250px; } 
#navlist li { list-style: none; margin: 0; padding: 0.25em; border-bottom: 1px dashed #cccccc;}
#navlist li a { text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
#right { width:690px; height:300px; float:left; text-align:left; padding-left:10px; }

#questions { width:1000px; height:1100px; margin:auto; text-align:justify; }
#questions1 { width:680px; height:1100px; float:left; padding-left:10px; padding-right:10px;}
#questions2 { width:280px; height:1100px; float:left; padding-left:10px; padding-right:10px; text-align:center; }

#contact { width:970px; margin:auto; height:350px; padding-left:30px; }

#devis { width:1000px; margin:auto; height:400px; }

#vierge { width:1000px; height:700px; margin:auto; }

#galmag { width:800px; height:300px; margin:auto; margin-top:40px; }
#diap { width:500px; float:left; height:300px; }
#coord { width:280px; height:300px; float:left; text-align:right; padding-left:10px; padding-right:10px; }

/*Pied de page*/
#footer { width:1000px; height:40px; margin:auto; margin-top:15px; border-top:1px solid #333333; }
#footerleft { width:500px; height:20px; float:left; padding-top:20px; }
#footerright { width:500px; height:20px; float:left; text-align:right; padding-top:20px;}
/*Fin du pied de page*/

.Style1 { color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size:10px; }
.Style2 { color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.Style3 { color: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; }
.Style4 { color: #2c87b1; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
.Style5 { color: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:8px; letter-spacing:2px;}
.Style6 {font-size: 10px;}
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.search {font-family: Geneva, Arial, Helvetica, san-serif; font-size: 10px; font-style: normal; font-weight: bold; text-transform: none; text-decoration: none; padding-left:5px; color:#999999;}
.innov {font-family: Geneva, Arial, Helvetica, san-serif; font-size: 10px; font-style: normal; text-transform: none; text-decoration: none; color:#999999;}
.space { color:#3c3c3c; }
.title { background:#333333; padding-right:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#fff; }
.infobulle{ position: absolute; visibility : hidden; border: 2px solid #0099FF; padding: 20px; font-family: Verdana, Arial; font-size: 12px; background-color: #FFFFCC; }

a:link { color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size:10px; outline:none;  }
a:visited { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff; font-size:10px; outline:none; }
a:hover { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #2c87b1; font-size:10px; outline:none; }
a:active { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff; font-size:10px; outline:none; }

a.blue:link { color: #2c87b1; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size:8px; outline:none; }
a.blue:visited { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #2c87b1; font-size:8px; outline:none; }
a.blue:hover { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff; font-size:8px; outline:none; }
a.blue:active { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #2c87b1; font-size:8px; outline:none;  }

a.white:link { color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size:8px; outline:none;  }
a.white:visited { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff; font-size:8px;  outline:none; }
a.white:hover { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #2c87b1;  font-size:8px; outline:none; }
a.white:active { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff;  font-size:8px; outline:none; }

a.liens:link { color: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:8px; letter-spacing:1px; outline:none; }
a.liens:visited { color: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:8px; letter-spacing:1px; outline:none; }
a.liens:hover { color: #2c87b1; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:8px; letter-spacing:1px; outline:none; }
a.liens:active { color: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:8px; letter-spacing:1px; outline:none; }

a.mag:link { color: #2c87b1; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; letter-spacing:1px; outline:none; }
a.mag:visited { color: #2c87b1; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; letter-spacing:1px;outline:none; }
a.mag:hover { color: #00746B; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; letter-spacing:1px; outline:none; }
a.mag:active { color: #2c87b1; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; letter-spacing:1px; outline:none; }

#list {list-style-type:none; margin:0; padding:0; width:250px;}
#list li {padding:0; margin:0; position:relative; width:125px; height:1.7em; z-index:100;}
#list li dl {position:absolute; top:0; left:0; padding-bottom:0;}
#list li a, #list li a:visited {text-decoration:none;}
#list li dd {display:none;}
#list table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
#list dl {width: 125px; margin: 0; padding: 0; background: transparent;}
#list dt {margin:0; padding: 0;}

#list dd {margin:0; padding:0; color: #fff; font-size: 1em; text-align:left; width:125px; float:right; clear:right;}

#list dt a, #list dt a:visited {display:block; font-size: 0.9em; color: #c00; text-align:center; border:1px solid #c00; border-width:0 1px 1px 1px; background:#d4d4d4; padding:0.25em 0 0.75em 0;}

#list li a:hover {border:0;}
#list li:hover dd, #list li a:hover dd {display:block;}
#listli:hover dl, #list li a:hover dl {width:301px;}

#list li:hover dt a, #list a:hover dt a {color:#000; background:#ddd; border:1px solid #c00; border-width:0 1px 1px 1px;}

#list dd a, #list dd a:visited {background:#c00; color:#fff; padding:0.5em 0; text-decoration:none; display:block; text-align:center; border-left:1px solid #c00; border-right:1px solid #c00; width:148px;}

#list dd a:hover {background: #ddd; color:#000; border-left:1px solid #c00; border-right:1px solid #c00;}

#list b {display:block; overflow:hidden; height:1px;}

b.p1 {background:#c00; margin:0 5px;}
b.p2 {background:#d4d4d4; border:2px solid #c00; border-width:0 2px; margin:0 3px;}
b.p3 {background:#d4d4d4; margin:0 2px; border:1px solid #c00; border-width:0 1px;}
b.p4 {height:2px; background:#d4d4d4; margin:0 1px; border:1px solid #c00; border-width:0 1px;}
b.p5 {background:#c00; margin:0 5px;}
b.p6 {background:#c00; margin:0 3px;}
b.p7 {background:#c00; margin:0 2px;}
b.p8 {height:2px; background:#c00; margin:0 1px;}

#list li:hover b.p2, #list a:hover b.p2 {background:#fff;}
#listli:hover b.p3, #list a:hover b.p3 {background:#f0f0f0;}
#list li:hover b.p4, #list a:hover b.p4 {background:#e8e8e8;}

#ascenceur { width:1000px; height:600px; }
#intercale { width:1000px; height:200px; }
#bretagne { width:1000px; height:600px; }
#bretleft { width:700px; height:600px; float:left; }
#bretright { width:300px; height:600px; float:left; }

#idf { width:1000px; height:600px; }
#idfleft { width:700px; height:600px; float:left; }
#idfright { width:300px; height:600px; float:left; }

a.overflow:link { color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size:10px; outline:none; }
a.overflow:visited { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff; font-size:10px; outline:none; }
a.overflow:hover { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #2c87b1; font-size:10px; outline:none; }
a.overflow:active { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff; font-size:10px; outline:none; }