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

div#preload { display: none; }

html, body {
margin:0;
padding:0;
font-family: verdana;
font-size: 11px;
color:#2c2b36;
background-color:#b2d010;
background-image:url(images/motif.gif);
line-height:16px;
}

.repetition{
background-image:url(images/fondv2_01.jpg);
background-repeat:repeat-x;
}

.repetition2{
background-image:url(images/big_fond.jpg);
background-repeat:no-repeat;
background-position:center;
}

.footer{
background-color:#25212a;
}

.gauche{
background-image:url(images/fond_01.jpg);
background-repeat:no-repeat;
}

.droit{
background-image:url(images/fond_03.jpg);
background-repeat:no-repeat;
}

.top{
background-image:url(images/fond_02.jpg);
background-repeat:no-repeat;
font-size:11px;
}

.header{
background-image:url(images/fond_04.jpg);
background-repeat:no-repeat;
}

.flash{
background-image:url(images/fond_05.jpg);
background-repeat:no-repeat;
}

.corps{
background-color:#f3f3f3;
background-image:url(images/fond_06.jpg);
background-repeat:no-repeat;
background-position:top;
}

a#vignette1 { font-weight:bold; background: url(images/bt_off.png)  no-repeat;display:block; height:24px;line-height:10px;width:220px; text-align:left;text-decoration:none; }
a#vignette1:hover {font-weight:bold; background-image: url(images/bt_on.png);}

a#btdevis { font-weight:bold; background-color:#22A8D4;display:block; height:20px;line-height:18px;width:220px; text-align:center;text-decoration:none; color:#fff; }
a#btdevis:hover {background-color:#22A8D4; background-image: url(images/motif_bt.gif); color:#2c2b36;}

a#devis { font-weight:bold; background: url(images/devis_off.png)  no-repeat;display:block; height:42px;line-height:40px;width:211px; text-align:center;text-decoration:none; color:white; }
a#devis:hover {font-weight:bold; background-image: url(images/devis_on.png); line-height:44px;}

a#retour { font-weight:bold; background: url(images/retour_off.png)  no-repeat;display:block; height:34px;line-height:32px;width:148px; text-align:center;text-decoration:none; color:white; }
a#retour:hover {font-weight:bold; background-image: url(images/retour_on.png); line-height:36px;}

span#bloc_vert { background: url(images/bloc-vert_off.jpg)  no-repeat; display:block; height:81px; line-height:10px; width:282px; text-align:center; text-decoration:none; font-size:10px; color:#2c2b36;}
span#bloc_vert:hover { background-image: url(images/bloc-vert_on.jpg); color:#2c2b36;}

span#bloc_orange { background: url(images/bloc-orange_off.jpg)  no-repeat; display:block; height:81px; line-height:10px; width:282px; text-align:center; text-decoration:none; font-size:10px; color:#2c2b36;}
span#bloc_orange:hover { background-image: url(images/bloc-orange_on.jpg); color:#2c2b36;}

span#bloc_bleu { background: url(images/bloc-bleu_off.jpg)  no-repeat; display:block; height:81px; line-height:10px; width:282px; text-align:center; text-decoration:none; font-size:10px; color:#2c2b36;}
span#bloc_bleu:hover { background-image: url(images/bloc-bleu_on.jpg); color:#2c2b36;}


#texte{
margin-top:6px;
display:inline-block;
height: 50%;
margin-left:10px;
}

#fd_bleu{
background-color:#22A8D4;
}

#tagline{
margin-left:400px;
margin-top:54px;
width:400px;
font-size:16px;
color:#d7ff4e;
font-weight:bold;
}

a.menu:link, a.menu:visited, a.menu:active { font-size: 12px; color:#2a2932; text-decoration:none; }
a.menu:hover { font-size: 12px; color: #2a2932; text-decoration:none;}

a.gris:link, a.gris:visited, a.gris:active {  color:#828282; text-decoration:none; }
a.gris:hover {  color: #828282; text-decoration:none;}

a:link, a:visited, a:active { color:#22A8D4; text-decoration:none; }
a:hover { color:#22A8D4; text-decoration:none;}

a.noir:link, a.noir:visited, a.noir:active { color:#2a2932; text-decoration:underline; }
a.noir:hover { color: #2a2932; text-decoration:none;}

.telephone { 
font-size: 17px;
font-weight:bold;
color: #22A8D4;
}

.bleu { 
color: #22A8D4;
}

.gris { 
color:#828282;
}

.titre { 
font-size: 18px;
font-weight:bold;
color: #22A8D4;
line-height:28px;
}

.titre_noir { 
font-size: 18px;
font-weight:bold;
}

li{
margin-left:-20px;
list-style-image: url(images/puce.png);
}