/* ***** CSS Document pour le site configuration du site Henadci Design ***** */
/* ***** Copyright Henadci design 2009 ***** */
/* ***** Concept Bleu et Or: Date: Le 16 mai 2009 ***** */


/* Commun à toures les Pages */

/* ***** Body ***** */
body {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
margin:0px;
padding:0px;
background-color:#ffffff;
}

/* ***** Conteneur ***** */
#conteneur {
position:relative;
width:973px;
margin: 0 auto;
padding:0px;
border:1px solid #b88518;
}

/* ***** Bannière ***** */
#banniere {
background-image:url("../image/fond_banniere_or.jpg");
background-repeat:repeat-x;*/
}

.hautbanniere {
height:150px;
}

.logo {
margin-top:10px;
margin-left:14px;
width:188px;
height:109px;
background-image:url("../image/logo_or.png");
float:left;
}

.titrebanniere {
margin-top:10px;
margin-left:7px;
padding-top:25px;
width:764px;
height:84px;
float:left;
background-image:url("../image/terre.png");
background-position:610px 0px;
background-repeat:no-repeat;
}

.titre-banniere {
margin:10px 5px 5px 85px;
font-size:26px;
color:#244b64;
font-weight:bold;
}

.soustitre-banniere {
margin:10px 5px 5px 95px;
font-size:18px;
color:#b88518;
font-weight:bold;
}

.slogansousmenu {
font-size:14px;
width:214px;
height:30px;
text-align:center;
color:#b88518;
font-weight:bold;
}

/* ***** Menu haut et bas ***** */
.menuhaut {
padding:0px;
}

.menubas {
padding-top:2px;
}

.nav {
list-style: none ;
margin: 0 ;
padding: 0 ;
height:45px;
}

.nav li {
display: inline ;
height:45px;
}

.nav li a {
display:block;
float:left;
margin:0px;
padding-top:10px;
height:35px;
width:138px;
color:#244b64;
font-size:12px;
text-align:center;	
text-decoration:none;
background-image:url("../image/bouton_or.jpg");
}

.nav li a:hover {
color: #b88518;
font-size:13px;
background-image:url("../image/bouton_or.jpg");
background-position:center;
}

#centre {
margin:0px;
padding:0px;
}

.bannieresecondaire {
width:973px;
padding-top:10px;
height:65px;
background-image:url("../image/banniere_secondaire_concept.jpg");
}

.sousbannieresecondaire {
margin:0px 7px 0px 276px;
font-size:14px;
color:#7a9c1d;
font-weight:bold;
text-align:center;
}

#pied {
clear:both;
background-image:url("../image/fond_pied_de_page_or.jpg");
height: 90px;
}

/* ***** Commun à toutes les pages ***** */

a {
color:#b88518;
font-weight:bold;
}

p {
color:#001f35;
margin: 7px 7px 10px 7px;
text-align:justify;
font-size:12px;
}

.important {
font-size:12px;
color:#001f35;
font-weight:bold;
}



.henadci {
font-size:14px;
color:#815400;
font-weight:bold;
}

/* ***** Les Titres ***** */

h1{
margin:10px 5px 5px 5px;
font-size:18px;
color:#06344c;
font-weight:bold;
}

h2{
margin:2px 2px 2px 5px;
font-size:16px;
color:#b88518;
}

h3{
margin:10px 0px 5px 5px;
font-size:14px;
color:#244b64;
}

h4 {
font-size:12px;
font-weight:bold;
color:#b88518;
padding:0px;
margin:10px 0px 5px 5px;
}

/*h5 { 
font-size:16px;
margin:0px;
color:#5fa8d8;
}

h6 {
font-size:14px;
text-align:center;
color:#759d00;
}*/

/* ***** Les Blocs ***** */
.bloc_7 {
margin-top:7px;
margin-left:7px;
float:left;
width:474px;
/*border:1px solid #06344c;*/
background-color:#ffffff;
}

.bloc_14 {
margin-top:7px;
margin-left:7px;
float:left;
width:955px;
/*border:1px solid #06344c;*/
background-color:#ffffff;
}

/*.bloc_14_f {
margin-top:7px;
margin-left:7px;
margin-bottom:7px;
float:left;
width:955px;
border:1px solid #06344c;
background-color:#ffffff;
}*/

.bloc_14_r {
margin:0px;
padding:0px;
float:left;
width:955px;
text-align:right;
}

.bloc_4 {
margin-top:7px;
margin-left:7px;
float:left;
width:267px; /* 276 - 7 - 2 */
/*border:1px solid #06344c;
background-color:#ffffff;*/
}

.bloc_4_m {
margin-top:7px;
margin-left:7px;
float:left;
width:267px; /* 276 - 7 - 2 */
border:1px solid #b88518;/*
background-color:#e8e8e2;*/
}

.bloc_1_vide {
margin-top:7px;
margin-left:7px;
float:left;
width:62px; /* 69 - 7 */
}

.alignementdroit {
text-align:right;
padding-right:7px;
}

/* ***** Mise en page des listes à puces ***** */
.liste {
padding:0px;
margin:0px;
padding-left:20px;
padding-top:5px;
padding-bottom:5px;
}

.liste li {
list-style-type: none;
background-image: url("../image/liste2.png");
background-repeat: no-repeat;
background-position: 0% 30%;
font-size:12px;
padding-left:30px;
padding-top:7px;
padding-bottom:7px;
color:#001f35;
}

.liste1 {
padding:0px;
margin:0px;
padding-left:20px;
padding-top:5px;
padding-bottom:5px;
}

.liste1 li {
list-style-type: none;
background-image: url("../image/liste1.png");
background-repeat: no-repeat;
background-position: 0% 30%;
font-size:12px;
padding-left:30px;
padding-top:7px;
padding-bottom:7px;
color:#001f35;
}

.liste3 {
padding:0px;
margin:0px;
padding-left:20px;
padding-top:5px;
padding-bottom:5px;
}

.liste3 li {
list-style-type: none;
background-image: url("../image/liste3.png");
background-repeat: no-repeat;
background-position: 0% 30%;
font-size:12px;
padding-left:30px;
padding-top:7px;
padding-bottom:7px;
color:#001f35;
}


.commentaireliste {
padding:0px;
margin:0px;
padding-left:20px;
padding-top:5px;
padding-bottom:5px;
}

.commentaireliste li {
list-style-type: none;
background-repeat: no-repeat;
background-position: 2% 50%;
color:#5fa8d8;
font-size:12px;
padding-left:30px;
padding-top:5px;
padding-bottom:5px;
}

/* ***** Mise en page des formulaires ***** */
.asterix {
color:#FF0000;
font-weight:bold;
font-size:16px;
}

.submitform
{
font-weight:bold;
cursor:pointer;
color:#653d00;
}

fieldset {
width:auto;
margin:7px;
padding-bottom:2px;
/*padding-top:10px;*/
border:1px solid #815400;

}

legend {/* Titre du fieldset */
margin-left:10px;
padding-bottom:5px;
font-size:12px;
font-weight:bold;
color:#b88518;
}

label {
font-size:12px; 
color:#06344c;
float:left;
width:165px;
padding-left:5px;
}

.spanhumain {
font-size:13px; 
color:#001f35;
width:100px;
height:40px;
padding-left:5px;
padding-top:20px;
}

.case_a_cocher {
font-size:12px; 
color:#244b64;
float:left;
width:220px;
padding-left:5px;
}

.texte {
/*display:inline;*/
font-size:12px; 
color:#244b64;
float:left;
width:auto;
padding-left:5px;
}

.radio{
font-size:12px;
color:#06344c;
}

.text {
border:1px solid #7096b2;
/*background-color:#b1d5ec;*/
font-size:14px;
}

.texthumain {
border:1px solid #7096b2;
font-size:14px;
height:20px;
text-align:left;
}

textarea {
font-family:Verdana, Arial, Helvetica, sans-serif;
border:1px solid #7096b2;
padding:0px;
margin:0px;
width:440px;
}



/* ***** Mise en page des tableaux ***** */
/*table {
border:2px solid #005c88;
border-collapse:collapse;
color:#005c88;
width:670px;
}

table a {
color:#005c88;
}

table a:hover {
color:#b1d5ec;
}

th {
border:1px solid #005c88;
background-color:#5fa8d8;
color:#ffffff;
}

td {
border:1px solid #005c88;
}*/

/* ***** Mise en page des menus interieurs, étapes et phases ***** 
.phase {
width:500px;
margin-left:5px;
margin-bottom:5px;
padding:5px;
border:1px solid #005c88;
/*background-image:url("../images/images/inputform.png");
}

.phase a {
text-decoration: none;
color: #ffffff;
}

.phase a:hover {
text-decoration: none;
font-size:16px;
font-weight:bold;
color:#ffffff;
}
*/
/* ***** Mise en page des commentaires situés avant et entre les questions ***** */
.commentaire {
font-size:14px;
color:#61a751;
}



/* ***** Mise en page du popup ***** 
.popup {
background-color:#ffffff;
color:#5fa8d8;
}

.arobase {
font-size:18px;
color:#759d00;
}
*/

