/*          GENERIQUE         */
*{margin:0; padding:0;}
li{margin-left: 25px;}
a img{border:0}
html {font-size: 100%;}
.clear{clear:both;}

/*          GENERIQUE A PERSONNALISER         */
body {font: normal 12px "Trebuchet Ms"; color:#6d6d74; background-color:#fff;}
#body{background:url(images/fond/mosaique.gif) repeat;text-align:center;}
a{color: #f3971b; text-decoration:underline;}
a:hover {color:#bc6d02;}
input, select, textarea{}
.widget_sablier{text-align:center;}

/* Titres */
h1{font: normal 14px "Trebuchet Ms"; color:#f3971b; text-transform: uppercase; margin-bottom:10px;text-align:left;}
h2{font: normal 13px "Trebuchet Ms"; color:#006fb3;text-align:left;}
h3{font: normal 12px "Trebuchet Ms"; color:#006fb3;}

/* Paragraphes */
p.par { margin-bottom:10px; text-align:justify; line-height:1.2em;}
span.color {color:#f3971b;}

/******************************************/
/**************  ELEMENTS COMMUNS ******************/
/******************************************/
span.bleu {color:#006fb3;}
span.b {font-weight:bold;color:#6d6d74;}
span.size{font-size:14px;color: #f3971b}
p.puce{width:24px; height:24px; background:#c1e5fa; color:#006fb3; float:left; display:inline; text-align:center; font-size:18px;}
.chiffre_droite{margin:0 0 5px 40px;}

/* Boites génériques */
#contain {width:1080px; margin: 0 auto!important; margin:-1px auto; }
#conteneur {width:909px; float:left; display:inline; background:url(images/fond/fond.gif) repeat-y;}
#skyscraper {float:left; display:inline; margin:10px 0 0 8px;}
#contenu {width:655px; float:left; display:inline; margin-bottom:10px; background:url(images/fond/vertical.gif) repeat-y top left; text-align:left;}



/******************************************/
/**************  ENTETE / PIED DE PAGE  ******************/
/******************************************/
#column-G {width:215px; margin:10px 8px 0 16px; float:left; display:inline;}
#column-G img {}
#column-G #drapeaux{margin:10px 0 20px 0;float:right;}
#column-G #drapeaux a img{margin-right: 5px;width:30px;}
#column-G ul#menu{list-style-type:none;width:215px;background:url(images/fond/horizontal.gif) bottom right repeat-x;padding-bottom:30px;}
#column-G ul#menu li.menu_li{background:url(images/menu/border.gif) no-repeat bottom left;width:197px; text-align:left; margin: 0 9px; position:relative;}
#column-G ul#menu li#contact{background:none; width:197px; text-align:left;margin: 0 9px;}
#column-G ul#menu li.menu_li a.menu_a{display:block;width:160px; padding:8px 0 0 0!important; padding:8px 0 8px 0; height:25px;margin-left:20px;background:url(images/menu/Fl-gris.gif) no-repeat right 15px;
text-align:left; text-transform:uppercase; text-decoration:none; color:#6d6d74; font:bold 14px "Trebuchet Ms";}
#column-G ul#menu li.menu_li a.menu_a:hover, #column-G ul#menu li.menu_li a.menu_a#active{background:url(images/menu/Fl-orange.gif) no-repeat right 15px; color:#f3971b;}
/*Sous menus*/
#column-G ul#menu ul{position:absolute; display:none; top:0; left:197px; list-style-type:none; border:1px dotted #f3971b;}
#column-G ul#menu ul li{white-space: nowrap; margin-left:0;}
#column-G ul#menu ul li a{display:block; padding:5px; background-color:#fff; text-decoration:none; color:#6d6d74; font:bold 12px "Trebuchet Ms"; text-transform:uppercase;}
#column-G ul#menu ul li a:hover{color:#f3971b;}
#column-G ul#menu ul li a.suivants{border-top:1px dashed #6d6d74;}



#column-G #newsletter{margin:10px 0 10px 5px; background:#fff5e8;float:left;display:inline;width: 205px;}
#column-G #newsletter h1{margin:5px 0 0 10px;}
#column-G #newsletter p{margin:5px 5px 5px 10px; text-align:left;}
#column-G #newsletter p a{text-align:right; color:#006fb3; text-decoration:none;}
#column-G #newsletter p a:hover{text-decoration:underline;}
#column-G #newsletter h1 img{margin:8px; float:right;}

#column-G #contenu_4 {text-align:left; margin:0 5px 10px; width:205px; overflow-x:hidden;}

#entete {width:655px; margin:10px 0 10px 0;  float:left;}
#entete img{margin-bottom:4px;}

#piedpage {width:879px; height: 25px; clear:both; background:#0270b3; margin: 0 0 4px 16px !important;margin: 0 0 4px 6px;}
#piedpage p, #piedpage a{text-decoration:none; color:#c1e5fa;}
#piedpage a:hover{text-decoration:underline;}
#piedpage #lien{width:300px; float:left; margin: 5px 0 4px 3px;}
#piedpage #add{width:480px; float:right; margin: 5px 3px 4px 0px;text-align:right;}



/******************************************/
/**************  PAGES DYNAMIQUES  ******************/
/******************************************/
#contenu_1 {width: 645px; background: url(images/fond/horizontal.gif) bottom left repeat-x; margin: 0 0 10px 10px; padding-bottom:5px; overflow-x:hidden;}
#contenu_2 {width:310px; margin: 0 10px; float:left; display:inline; overflow-x:hidden;}
#contenu_3 {width:305px; padding-left:10px; background: url(images/fond/vertical.gif) top left repeat-y; float:left; display:inline; overflow-x:hidden;}


/******************************************/
/**************  CONTACTS  ******************/
/******************************************/
#coordonnees {width: 190px; margin-left:10px; float:left; display:inline; }
#formulaire {width: 400px; margin-left:10px; float:left; display:inline;}
    form#contacts {float:left; width: 445px; margin: 20px 0px;}
    .row {clear: both; padding-top: 2px!important; padding:0;}
    .row label {float: left; margin: 0 5px 0 0; padding:0; width: 140px;text-align: right;font: normal 12px "Trebuchet Ms"; color:#6d6d74;}
    .row label span{ color:#f3971b; font-size:14px;}
    .row span.champs {float: left; width: 200px; padding : 0 10px 0 0; margin: 0; text-align: left;}
    .row span.champs input, .row span.champs textarea{width: 200px; border: 1px solid #aab3dd; padding:0; margin:0;}
    #row_news{margin:5px 0;}
    .row span.champs input#envoi{width: 80px; border: 1px solid #aab3dd; padding:0; margin:0;}
    p#remerciements{line-height: 150px; font: normal 10pt Tahoma; color:#6d6d74; text-align:center;}