/********** A GARDER EN L'ÉTAT ************/
*{margin:0; padding:0;}
li{margin-left: 25px;}
a img{border:0}
html {font-size: 100%;}
.clear{clear:both;}

/*********** A PERSONNALISER **************/
body {font: normal 12px Tahoma; color:#363636; background-color:#fff;}
#body{background:#f3f3f3 url(images/fonds/fond.jpg) 0 0 repeat-x;}
table{font-size: 11px;}
a{color: #cb670e; text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:none;}
input, select, textarea{font: normal 12px Tahoma; color:#363636; border:1px solid #bebebe;}
input[type="checkbox"], input[type="radio"]{border-width: 0;}

h1{font: normal 20px Tahoma; margin-bottom:20px; padding-bottom:15px; border-bottom:1px solid #363636;}
h2{font: bold 13px Tahoma; color:#fff; }
h3{font: normal 14px Tahoma; color:#cb670e;margin-bottom:5px;}
h4{font: bold 12px Tahoma; color:#cb670e;margin-bottom:5px;}
p {margin-bottom:10px;text-align: justify;line-height:1.4em;}
p.first:first-letter {margin-right:2px;font: bold 16px Tahoma; color:#363636}
p.first2:first-letter {margin-right:2px;font: bold 14px Tahoma; color:#363636}
strong{}
em{}

.color {color:#cb670e;}
.hr{font-size:1px; height:1px; background:url(images/fonds/tiret.gif) repeat-x 0 0; margin:30px 0;}
.centre{text-align:center;}
.asterisque{font-style:italic; font-size:10px;}
.bouton{display:block; text-align:center; width:60px; height:20px; line-height:20px; }
.puce {margin:0 5px 2px 0;}
#merci {color:#cb670e; font-weight:bold;}

/* Formulaires */
.row{clear:both;padding-top:3px !important;padding-top:0 !important!;padding-top:0;}
.row label{display:inline; float: left; margin-right: 10px; width: 160px;text-align: right;font-weight:bold;}
.row label.sect{display:inline; float: left; margin-right: 15px; width: 130px;text-align: right; font:bold 14px Tahoma}
.row label span{color:#cb670e;}
.row textarea, .row input {width: 170px;}
.row p {float:left;width: 400px; }
.row select { width: 172px;}
.row_bt {margin-left:165px; clear:both; }
.row_bt input {width:60px;}
.row2 {margin-bottom:15px;}
/******************************************/
/******************  ENTETE  **************/
/******************************************/
#conteneur {margin:0 auto; width:922px;}
#bandeau_mail {width:548px; height:159px; padding:0 26px; background: url(images/fonds/contenu-trans.png) repeat-y 0 0 !important; background: url(images/fonds/bandeau.gif) repeat-y 0 0;}
#bandeau {width:870px; height:159px; padding:0 26px; background: url(images/fonds/contenu-trans.png) repeat-y 0 0 !important; background: url(images/fonds/bandeau.gif) repeat-y 0 0;}
#bandeau #logo {float:left; display:inline; width:216px; padding-top:35px;}
#bandeau #photo {float:right; display:inline; width:597px; padding-top:10px;}
ul#menu {clear:both; width:891px; height:33px; margin:0 3px;background:url(images/fonds/menu.gif) repeat-x 0 0; padding: 15px 0 0 25px;}
ul#menu li {margin:0; padding:0; float:left; display:inline;}
ul#menu li a.over1{float:left;width:72px; padding-top:2px; height:22px; font: normal 14px Tahoma; color:#000;margin-right:15px; text-align:center;text-decoration:none;}
ul#menu li a.over1:hover{color:#fff; background:url(images/fonds/rollover.gif) no-repeat;}
ul#menu li a.over1-act{font: normal 14px Tahoma; color:#fff; background:url(images/fonds/rollover.gif) no-repeat;}
ul#menu li a.over2{float:left;width:101px; height:22px; padding-top:2px; font: normal 14px Tahoma; color:#000;margin-right:15px; text-align:center;text-decoration:none;}
ul#menu li a.over2:hover{color:#fff; background:url(images/fonds/rollover2.gif) no-repeat;}
ul#menu li a.over2-act{font: normal 14px Tahoma; color:#fff; background:url(images/fonds/rollover2.gif) no-repeat;}
ul#menu li a.over3{float:left;width:113px; height:22px; padding-top:2px; font: normal 14px Tahoma; color:#000;margin-right:15px; text-align:center;text-decoration:none;}
ul#menu li a.over3:hover{color:#fff; background:url(images/fonds/rollover3.gif) no-repeat;}
ul#menu li a.over3-act{font: normal 14px Tahoma; color:#fff; background:url(images/fonds/rollover3.gif) no-repeat;}

#contain {clear:both; width:878px; padding:22px; background: url(images/fonds/contenu-trans.png) repeat-y 0 0 !important; background: url(images/fonds/bande.gif) repeat-y 0 0;}

/******************************************/
/**************  COLONNE GAUCHE  ****************/
/******************************************/
#colum {float:left; display:inline; width:225px; margin-right:19px;}
#colum h2{width:213px; height:23px; background:url(images/fonds/titreG.gif) repeat-x 0 0; padding:14px 0 0 12px;}
#colum #columfond {width:199px; padding:30px 12px; border:1px solid #bebebe; border-top:none;background:#f4f3f2 url(images/fonds/columG.gif) repeat-x bottom left;}
#colum #columfond h3{padding-left:30px; background:url(images/puces/puce.gif) no-repeat 5px 5px ;}

#colum #columfond ul#sousmenu {list-style-type:none;}
#colum #columfond ul#sousmenu li{margin:0; padding:0;margin-bottom:10px;}
#colum #columfond ul#sousmenu li a{font: bold 14px Tahoma; color:#363636; padding-left:30px; text-decoration:none;}
#colum #columfond ul#sousmenu li a:hover{color:#cb670e;background:url(images/puces/puce.gif) no-repeat 5px 5px ;}
#colum #columfond ul#sousmenu li a#sousActive{color:#cb670e;background:url(images/puces/puce.gif) no-repeat 5px 5px ;}

#colum #columfond ul#sousmenu li.sol {margin:0; padding:0;margin-bottom:10px;font: bold 14px Tahoma; color:#cb670e;background:url(images/puces/puce.gif) no-repeat 5px 5px ; padding-left:30px;}
#colum #columfond ul#sousmenu li.sol ul.ssm {list-style-type:none;}
#colum #columfond ul#sousmenu li.sol ul.ssm li{margin:0; padding:0;}
#colum #columfond ul#sousmenu li.sol ul.ssm li a{font: normal 12px Tahoma; color:#363636;padding:0;margin:0; text-decoration:none;}
#colum #columfond ul#sousmenu li.sol ul.ssm li a:hover{color:#cb670e; background:none;}
#colum #columfond ul#sousmenu li.sol ul.ssm li a#ssmActive{color:#cb670e;text-decoration:underline;}

#colum #columfond p.log {margin:0;text-align:center;}
/******************************************/
/**************  HOMEPAGE  ****************/
/******************************************/
#content {float:left; display:inline; width:634px; min-height:400px;}
#content #contenu {width:564px; background:url(images/fonds/titre.gif) repeat-x top left; padding:15px 35px;}
#content #contenu #table{width:564px; background:url(images/fonds/titre.gif) repeat-x top left;margin:20px 0;}
#content #contenu #tab{width:544px; margin:0 auto;}
#content #contenu #tab .tabtitle {text-align:center; height:50px;}
#content #contenu #tab p {text-align:center;font-size:14px;padding-top:5px;}
#content #contenu #tab p a{font-size:14px;padding-top:5px;color:#363636;text-decoration:none;}
#content #contenu #tab p a:hover{text-decoration:underline;}
#content #contenu #tab .pole1 {text-align:center; width:95px; background:#d7d7d7;}
#content #contenu #tab .pole2 {text-align:center; width:120px;  background:#d7d7d7;}
#content #contenu #tab .tabespace {width:10px;}
#content #contenu p.list {margin-left:50px; text-indent:-15px; line-height:1.4em;}
#content #contenu ul.list2 {margin-left:35px; margin-bottom:15px; line-height:1.4em;list-style-type:none;}
#content #contenu ul.list2 li{margin:0;margin-bottom:5px; line-height:1.4em;background:url(images/puces/list.gif) no-repeat 0 7px; padding-left:15px;}
#content #contenu ul.list2 li span.under {text-decoration:underline;}
#content #contenu ul.list2 li span.title {font-weight:bold; color:#cb670e;}

#content #contenu ul.list2 li ul.sslist2 {margin-left:15px;}
#content #contenu ul.list2 li ul.sslist2 li{margin:0; padding:0; background:none;}

#content fieldset.equipe {width:250px; height:240px;float:left; display:inline; margin:15px 0 0 0; padding: 0 10px; border:1px solid #bebebe;}
#content fieldset.marge {margin-right:20px}
#content fieldset.equipe legend {float:left;border:1px solid #bebebe;}
#content fieldset.equipe h4 { position: relative; top: -20px; left: 70px;}
#content fieldset.equipe p { position: relative; top: -15px; left: 0; margin-bottom:0;}
/******************************************/
/**************  CONTACT  *****************/
/******************************************/
#formulaire {margin:0 auto; width: 400px;}


/******************************************/
/****************  PIEDPAGE  **************/
/******************************************/
#piedpage {width:100%; height:57px; background: url(images/fonds/bas.gif) repeat-x 0 0;}
#piedpage #bas {margin:0 auto; width:922px;}
#piedpage #bas ul#menubas {float:left; display:inline; width:700px; list-style-type:none;margin-left:10px}
#piedpage #bas ul#menubas li {margin:0; padding:0; display:inline;float:left;font: normal 11px Tahoma; color:#fff; margin-top:20px;}
#piedpage #bas ul#menubas li a {line-height:57px;float:left; margin:0 5px; font: normal 11px Tahoma; color:#fff; text-decoration:none;}
#piedpage #bas ul#menubas li a:hover, #piedpage ul#menubas li a#active{text-decoration:underline;}
#piedpage #bas #awc {float:right; display:inline; width:200px; text-align:right;margin:20px 10px 0 0 ;}
#piedpage #bas #awc a {font: normal 8pt Arial; color:#fff; text-decoration:none;}
#piedpage #bas #awc a:hover {text-decoration:underline;}