/* Modèle v1.22 08/08/2008 */


/********** 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 11px 'Trebuchet MS'; color:#666; background-color:/*fond de spaw*/}
#body{background:/*fond du site*/}
table{font-size: 11px;}
a{color: #f10000; text-decoration:none;}
a:hover {text-decoration:underline;}
input, select, textarea{font: normal 10px 'Trebuchet MS'; color:#666; border:1px solid #8a3e90;}
input[type="checkbox"], input[type="radio"]{border-width: 0;}

/*h1{font: bold 14px 'Trebuchet MS'; margin-bottom:10px;}*/
h1 {color:#ab4cb2; border-left:3px solid #ab4cb2; padding-left:11px; font-size:18px; margin-bottom:12px; margin-bottom:15px}
h2{font: bold 12px 'Trebuchet MS'; margin-bottom:5px;}
h3{font: bold 11px 'Trebuchet MS';}
p {margin-bottom:10px;}
strong{}
em{}

.color {color:#f10000;}

.centre{text-align:center;}
.asterisque{font-style:italic; font-size:9px;}
.bouton{display:block; text-align:center; width:160px; height:20px; line-height:20px; background-image:url(images/pictos/bouton.gif);}


/* Formulaires */
.row{clear:both;padding-top:3px !important;padding-top:0 !important!;padding-top:0;}
.row label{display:inline; float: left; margin-right: 5px; width: 160px;text-align: right;}
.row label span{color:#8a3e90;}
.row textarea, .row input { width: 150px;}
.row select { width: 152px;}
.row_bt {margin-left:165px; clear:both; }
.row_bt input {width:60px;}


/******************************************/
/******************  CONTENU **************/
/******************************************/
#conteneur {width:800px; margin:0 auto}
#haut_bandeau {width:800px; background:url(images/haut_bandeau.gif) repeat-y; float:left; height:11px}
#bandeau {width:800px; height:178px; background:url(images/bandeau.jpg);}
#bandeau object {margin-left:134px; margin-top:-17px !important; margin-top:-6px !important!}
#structure {width:713px; float:left; background:url(images/fond.gif) repeat-y; padding-left:43px; padding-right:44px}

#menu {width:181px; margin-right:46px; background-color:#fff; float:left; margin-top:27px; font-size:12px}
#menu #jquery_menu .menu_niveau_1 {list-style: outside url(images/puce_jaune.gif); font-weight:bold; width:161px; margin-left:20px; vertical-align:top; line-height:20px; vertical-align:top}
#menu #jquery_menu .menu_niveau_1 a {color:#383e80; width:161px; display:block; border-bottom:1px solid #c6c6c6; margin-left:-20px; padding-left:20px; padding-bottom:4px}
#menu #jquery_menu .active{list-style: outside url(images/puce_mauve.gif); font-weight:bold; width:161px; margin-left:20px; vertical-align:top; line-height:20px; vertical-align:top}
#menu #jquery_menu .active a {color:#c44bb6; width:161px; display:block; border-bottom:1px solid #c6c6c6; margin-left:-20px; padding-left:20px; padding-bottom:4px}
#menu #jquery_menu .menu_niveau_1 ul {}
#menu #jquery_menu .menu_niveau_2 {list-style: inside url(images/puce_mauve.gif); font-weight:normal; margin-left:0; height:30px; }

#menu #jquery_menu .menu_niveau_2 .lien_menu {display:inline; color:#666; border:none}
#menu #jquery_menu .menu_niveau_2 .active {color:#c44bb6;}

#menu #jquery_menu .menu_special{list-style: none; font-weight:bold; width:161px; margin-left:20px; vertical-align:top; line-height:20px; vertical-align:top; font-size:15px; margin-top:25px; margin-bottom:15px}

#menu #jquery_menu .menu_special span{color:#8a3e90; width:161px; display:block; border-bottom:2px solid #2a2292; margin-left:-20px; padding-left:20px; padding-bottom:4px}


#menu #coordonnees {margin-top:20px; width:171px; height:101px; background: url(images/coordonnees.gif) no-repeat; color:#fff; padding:5px; font-size:11px;}
#menu #coordonnees a {color:#fff; text-decoration:underline}

#menu #deconnexion {margin-top:20px; width:171px; height:75px; background: url(images/connexion.gif) no-repeat; color:#666; padding:5px; font-size:11px;}
#menu #deconnexion a {font-weight:bold; color:#000; margin-top:15px; text-align:center; display:block}

#recherche {float:right; height:30px;}

#contenu {width:473px; float:left}
#contenu ul {border-right:2px solid #e1e1e1; padding-right:20px; padding-left:15px}
#contenu li {list-style: outside url(images/puce_jaune.gif); margin-left:0}
#contenu li a{color:#5c7bed; text-decoration:underline; font-weight:normal}
#contenu li p{font-size:12px; text-align:justify}

#contenu .pointilles {width:473px; background:url(images/points.gif) repeat-x; height:3px; margin-bottom:20px}
#contenu

#contenu #bienvenue {margin-bottom:30px; width:473px}
#contenu #bienvenue img {float:left;}
#contenu #bienvenue p {margin-left:13px; color:#383e80; float:left; /*width:329px;*/ text-align:justify;}

#contenu #une {width:277px; float:left; color:#383E80; font-family:'Trebuchet MS'; font-size:11px;}

#pied_page {border-top:5px solid #d1d1d1; width:713px; height:53px; margin-top:20px; clear:both; text-align:right; padding-top:15px}
#pied_page .awc {color:#666}


#bandeau_bas {background:url(images/bandeau_pied.gif); width:800px; height:33px; clear:both}

#contenu #encart_actualites {height:250px; width:166px; float:left; padding:0 15px 15px 15px;}
#actualites .act_titre a {font-size:11px; color: #5c7bed; padding-bottom:2px; text-decoration:underline}
#actualites .act_texte{text-align:justify; color:#383E80; font-family:'Trebuchet MS'; font-size:11px;}
.btn_actualites {text-align:center;}
.btn_actualites a {padding:0 3px}

#contenu #liste_THE_ID {padding:10px 0; border:none}
#contenu .case_a_cocher li {list-style-type:none; list-style-image:none; float:left; padding:0px; width:220px; padding:2px; font-size:12px}
#contenu .case_a_cocher input {margin-right:5px}

/******************************************/
/************  PAGE DYNAMIQUE**************/
/******************************************/
#page_dynamique .pointilles {width:473px; background:url(images/points.gif) repeat-x; height:3px; margin-bottom:0}
#page_dynamique .bouton_retour {float:right; margin-bottom:20px;}
#page_dynamique .bouton_retour a {color:#c44bb6; font-weight:bold}

#page_dynamique #texte1 {margin-bottom:20px; width:473px; overflow:hidden; text-align:justify}
#page_dynamique #texte1 .pointilles {margin-bottom:20px;margin-top:10px}
#page_dynamique #texte2 {width:240px; float:left; overflow:hidden; border-right:2px solid #e1e1e1; padding-right:20px; text-align:justify}
#page_dynamique #texte3 {/*height:250px;*/ width:181px; float:left; overflow:hidden; padding:0 15px 15px 15px; text-align:justify}

/* Documents */

#liste_documents .document {width:443px; background-color:#e9eefe; padding:10px; margin:5px;}
#liste_documents .document .pdf {position:relative; float:left; width:30px; background-color:#e9eefe; padding-right:10px}
#liste_documents .document .contenu_document {position:relative; float:right; width:403px}
#liste_documents .document .contenu_document .plus_moins {position:absolute; right:10px; top:15px; cursor:pointer}
#liste_documents .document .contenu_document .titre a {color:#255bcd}
#liste_documents .document .contenu_document .titre img {margin-left:5px; vertical-align:middle}

/* login */
#connexion {text-align:center; padding-right:100px}
#connexion p {font-weight:bold; text-align:left}
#connexion .btn_login {margin-left:55px; margin-top:10px}
#connexion .btn_login a {font-weight:bold; color:#000}