/* Modèle v1.24 24/02/2009 */


/********** A GARDER EN L'ÉTAT ************/
*{margin:0; padding:0;}
ul {margin-bottom:10px;}
li{margin-left: 25px;}
a img{border:0}
html {font-size: 100%;}
.clear{clear:both;}
.centre{text-align:center;}
.img_gauche {float:left; display:inline; margin:0 10px 10px 0;}
.img_droite {float:right; display:inline; margin:0 0 10px 10px;}
.block {display:block}

/*********** A PERSONNALISER **************/
body {font: normal 12px Arial; color:#484848; background-color:#fff;}
#body{}
table{font-size: 11px;}
a{color: #c30001; text-decoration:none;}
a:hover {text-decoration:underline;}

h1{font: normal 20px Arial; margin-bottom:20px; color:#c10600;}
h1 span{font-size:11px;}
h2{font: normal 14px Arial; margin-bottom:15px;}
h3{font: normal 12px Arial; margin-bottom:10px;}
h4{font: normal 14px Arial; margin-bottom:15px; color:#343434;}
h5{font: normal 13px Arial; margin-bottom:10px; color:#c30001;}
p {margin-bottom:10px; text-align: justify;}
strong{font-weight: bold;}
em{font-style: italic;}

.color {color:#c30001;}
.hr{font-size:1px; height:10px; border-bottom:1px solid #c30001; margin:0 0 10px;}
.asterisque{font-style:italic; font-size:9px;}
.maj {text-transform:uppercase;}
.espace {margin-bottom:30px; clear:both;}
.bold {font-weight:bold;}

/* Formulaires */
.bouton{
  display:block; color:#fff; background-color:#c30001;
  font:bold 11px Arial; line-height:20px; width:160px; height:20px; border-width:0;  
  text-align:center; cursor:pointer;
}

input{margin-bottom:0px !important; margin-bottom:-2px !important!; margin-bottom:-2px; padding-top:3px; height:18px;}
input, select, textarea{font: normal 11px Arial; color:#757575; border:1px solid #dadada;}
input[type="checkbox"], input[type="radio"]{border-width: 0;}

.row{clear:both; margin-bottom:5px;}
.row label{display:inline; float: left; margin-right: 5px; width: 145px; text-align: right;}
.row label span{color:#c10600;}
.row textarea, .row input {width: 150px;}
.row select {width: 152px;height:21px;}

.row_chk{padding:0; clear:both; margin-bottom:5px;}
.row_chk input{border:0}
.row_chk label{float:none; display:inline; margin:0; padding:0; cursor:pointer;}

.row_are{clear:both; margin-bottom:5px;}
.row_are label{display:block;}
.row_are textarea{width:300px;}

.row_rad {clear:both; margin-bottom:5px;}
.row_rad .label{float:left; width:145px; text-align:right;}
.row_rad .rad {margin-left:150px; margin-bottom:1px;}
.row_rad .rad input{vertical-align:middle; border:0}
.row_rad .rad label{float:none; display:inline; margin:0; padding:0; cursor:pointer;}

.row_bt {margin-left:150px; clear:both; margin-bottom:5px;}
.row_bt input {border:none; width:auto;padding-top:0;width:67px;height:23px;}

#conteneur {width:929px; margin:0 auto;}

/******************************************/
/******************  ENTETE  **************/
/******************************************/
#entete {width:854px; padding:9px 0 5px 75px;}
#entete #logo{float:left;}
#entete #espace_client{float:right; width:465px;}
#entete #espace_client .cadre-contenu {height:15px;}
#entete #espace_client .row {margin:0;float:left;}
#entete #espace_client .row_bt {margin:0; float:left; clear:none;width:auto;}
#entete #espace_client .row_bt input{width:67px;height:23px;}
#entete #espace_client .row input{width:120px;margin-right:8px;}
#entete #espace_client .row label {text-align:left; width:auto;padding-top:5px;}
#entete #espace_client .row.connecte {width:325px;}
#entete #espace_client .connecte input {width:auto;}

/******************* MENU *******************/
ul#menu_p {width:908px; height:26px; clear:both; list-style-type:none; margin:0 0 7px 0; padding:10px 0 10px 30px; background:url(images/menu/fond.gif) 0 0 no-repeat;}
ul#menu_p li{margin:0; float:left;}
ul#menu_p li a{float:left; display:inlinle; margin-right:10px; height:26px;}
ul#menu_p li a.accueil {width:100px;background:url(images/menu/accueil.png) 0 0 no-repeat;}
ul#menu_p li a.mission {width:144px;background:url(images/menu/mission.png) 0 0 no-repeat;}
ul#menu_p li a.outil {width:128px;background:url(images/menu/outils.png) 0 0 no-repeat;}
ul#menu_p li a.client {width:142px;background:url(images/menu/espace-client.png) 0 0 no-repeat;}
ul#menu_p li a.contact {width:160px;background:url(images/menu/contact.png) 0 0 no-repeat;}
ul#menu_p li a.active, ul#menu_p li a:hover {background-position: 0 -26px;}

/******************* SSMENU *******************/
#ssmenu {width:173px;margin:7px 10px 0 7px; float:left; display:inline; padding-top:19px; background:url(images/fond/ssmenu_top.gif) 0 0 no-repeat;}
#ssmenu ul {width:173px; list-style-type:none; margin:0; padding:0 0 19px; background:url(images/fond/ssmenu_bottom.gif) bottom no-repeat;}
#ssmenu ul li{margin:0;background:url(images/fond/ssmenu_mid.gif) 0 0 repeat-y;}
#ssmenu ul li a{display:block; padding:0 10px; font:bold 12px Arial; color:#373737; text-transform:uppercase; line-height:30px; background:url(images/ssmenu/border.gif) bottom no-repeat}
#ssmenu ul li a.a_niveau_1_active {text-decoration:underline;}
#ssmenu ul li ul {display:none;  width:158px; list-style-type:none; float:none; margin:0; padding:5px 0 5px 15px; background:#f1f1f1 ;}
#ssmenu ul li ul li {background:url(images/ssmenu/point.png) 3px 0 repeat-y;}
#ssmenu ul li ul li a{font:normal 11px Arial;text-transform:none; padding:0 0 0 18px; background:none; line-height:17px;}
#ssmenu ul li ul li a.a_niveau_2_active {background:url(images/ssmenu/puce.png) 0 5px no-repeat; color:#016292;}
#ssmenu ul li ul li a:hover {background:url(images/ssmenu/puce.png) 0 5px no-repeat; color:#016292;}

/********** STRUCTURE DU CADRE *******************/
.cadre {margin-bottom:5px;}
.cadre .contour {position:relative; background:url(images/cadre/cadre-top.gif) repeat-x; margin: 0 25px;}
.cadre .contour .angle-r {position:absolute; right:-25px; top:0;}
.cadre .contour .angle-l {position:absolute; left:-25px; top:0;}
.cadre .top {height:25px;}
.cadre .bottom {height:25px; background:url(images/cadre/cadre-bottom.gif) repeat-x;}
.cadre .cadre-top {float:left;background:url(images/cadre/cadre-top.gif);}
.cadre .cadre-bottom {float:left;background:url(images/cadre/cadre-bottom.gif);}
.cadre .cadre-left {background:url(images/cadre/cadre-left.gif) repeat-y;padding-left:25px;}
.cadre .cadre-right {background:url(images/cadre/cadre-right.gif) right repeat-y;padding-right:25px;}
.cadre .cadre-contenu {background:#fff; padding-bottom:1px;position:relative; z-index:6; top:-5px;}

/*****************************************************/
/*********************  GABARITS  **********************/
/*****************************************************/
#colG {float:left; display:inline; width:495px;}
#colD {float:right; display:inline; width:225px; }
#col {float:left; display:inline; width:735px;}

/*****************************************************/
/*********************  ACCUEIL  **********************/
/*****************************************************/
.bienvenue p{font-size:14px;}
.actualite h2{text-align:center}
.actualite h3{text-align:left; font: bold 12px Arial; color:#c10600;}
.actualite p.date{margin:0;}
.actualite img {text-align:center;}
.actualite p.suite{text-align:right; color:#c10600; padding-right:15px; background:url(images/puce/suite.png) right no-repeat;}
.actualite #player{padding-top:15px;width:55px; margin:0 auto;}
.actualite #player a {margin-right:5px;}
.actualite .navigation{margin-bottom:0px;}
.actualite .navigation h2{background:url(images/puce/bleu.png) 0 2px no-repeat; color:#016292;padding-left:12px; float:left;}

/*****************************************************/
/*********************  LISTE  **********************/
/*****************************************************/
.navigation {margin-bottom:20px;}
/*
.navigation .chiffre{float:right; display:inline; color:#484848;}
.navigation .chiffre a{padding:2px;color:#484848;}
.navigation .chiffre a:hover{color:#fff; background:#016292;}
.navigation .chiffre a.hover{color:#fff; background:#016292;}
*/
.navigation .MoteurNavigation{float:right; display:inline; color:#484848;}
.navigation .MoteurNavigation a, .navigation .MoteurNavigation span{padding:2px;color:#484848;}
.navigation .MoteurNavigation a:hover{color:#fff; background:#016292;}
.navigation .MoteurNavigation span.MoteurNavigationPageActuelle{color:#fff; background:#016292;}
.navigation .row{float:left; display:inline;}
.navigation .row  label{width: 120px; text-align:left;}
.navigation .row  select{width: 180px;}
.navigation #retour{float:right; display:inline; color:#484848;}
.navigation #retour a{color:#484848;}

#outil h2{background:url(images/puce/rouge.png) 0 2px no-repeat; color:#c10600;padding-left:12px;}
#mission h2{background:url(images/puce/bleu.png) 0 2px no-repeat; color:#016292;padding-left:12px;}
.minifiche {width:313px; padding: 0 12px 0 0; margin-bottom:30px; float:left; display:inline; background:url(images/fond/liste.gif) bottom right no-repeat;}
.minifiche h2 {margin-bottom:10px;}
.minifiche div.date {color:#016292; padding-left:10px; margin-bottom:5px;}
.minifiche div.spaw{height:74px; overflow:hidden; margin: 0 0 12px 10px}
.minifiche div.spaw p{font-size:12px;}
.minifiche .lien{text-align:right;}

#espace {width:350px; margin:0 auto;}
#espace h2{background:url(images/puce/rouge.png) 0 2px no-repeat; color:#c10600;padding-left:12px;}
#espace label {width:100px;}
#espace .row_bt {float:left; clear:none;width:auto;margin-bottom:15px;}
#espace .row_bt input{width:67px;height:23px;}
.form {background:url(images/fond/liste.gif) bottom right no-repeat; clear:both; margin-bottom:20px;}

.marge {margin-right:30px; }

/*****************************************************/
/*********************  LISTE  **********************/
/*****************************************************/
#form_contact {margin:0px auto; width:305px;}

/*****************************************************/
/*********************  LISTE  **********************/
/*****************************************************/
.page {}
.page h2 {font:bold 14px Arial; color:#016292; background:url(images/puce/bleu.png) 0 9px no-repeat; padding:5px 0 0 12px;}
.page div.paragraphe {clear:both; margin-bottom:20px;}
/*****************************************************/
/*********************  PIEDPAGE  **********************/
/*****************************************************/
#piedpage {padding:5px 10px;width:909px; float:right;}
#piedpage ul#menubas {width:600px; float:left; display:inline; list-style-type:none; margin:0;}
#piedpage ul#menubas li {float:left; margin:0; font:normal 11px Arial;color:#484848; border-right:1px #484848 solid; height:8px;}
#piedpage ul#menubas li.der {border-right:0px;}
#piedpage ul#menubas li a{float:left; margin:0 8px; font:normal 11px Arial;color:#484848; position:relative; top:-3px;}

#piedpage p#awc {width:280px; float:right; display:inline;text-align:right; }
#piedpage p#awc a{font-size:11px; color:#484848;}