/* CSS Document */

body, div, p, ul, li, a, h1, h2, h3, h4, img, hr {padding:0; margin:0; }
body { background:#0c6bb1; color:#3a3225; width:100%; margin-left:auto; margin-right:auto; text-align:center; font-family:Arial, Helvetica, sans-serif, Verdana;}

#conteneur { background:#0c6bb1 url(../images/layout/bg-body.gif) 50% 0 repeat-y; color:#3a3225; }
#header { height:160px; background:url(../images/layout/bandeau.jpg) 50% 0 no-repeat; position: relative; }
#header #h1 { display: none; }
#header #loginbox { background: url(../images/layout/login.png) top left no-repeat; position: absolute; top: 0; left: 462px; width: 295px; height: 57px; 
									color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; }
#header #loginbox h3 { display: block; position: absolute; margin-left: 10px; margin-top: 8px; margin-bottom: 4px; }
#header #loginbox div#loginform { display: block; position: absolute; margin-left: 10px; top: 26px; }
#header #loginbox div#loginform input.texte { width: 40%; border: 1px solid #666666; }
#header #loginbox p { position: absolute; left: 15px; top: 18px; }
#header #loginbox a { color: white; }
#header #loginbox a#logout_link { position: absolute; right: 8px; top: 2px; }

#menu { width:780px; height:2em; line-height:2em; margin-left:auto; margin-right:auto; background-color:#055c96; color:#fff; font-family:Didot, "Times New Roman", Times, serif; font-weight:bold; text-align:right;}
#menu li { display:inline; list-style-type:none; padding:0 1em; border-left:1px solid #ccc;}
#menu a {text-decoration:none; color:#fff; background:inherit;}
#menu a:hover, #menu a.active {color:#f7b018; background:inherit;}

#page { width:780px; margin-left:auto; margin-right:auto; background:#fff url(../images/layout/tigrinate-associes.gif) 0 30px repeat-y; color:#f7b018; }
#contenu {text-align:left; padding-left:44px; padding-bottom:20px;}
#texte {float:left; display: inline; margin-left:20px; margin-top:20px; font-size:0.8em; color:#3a3225; text-align:justify; width:655px; background:inherit;}
#texte.acc {width:410px; }
#texte p {margin-bottom:1em;}
#texte li { margin-left:2em;}
#texte a {text-decoration:none; color:#3a3225; background:inherit;}
#texte a.telech { margin-top:1em; background:url(../images/layout/puce-jaune.gif) top left no-repeat; font-size:0.9em; }
#texte a:hover { color:#f7b018; background:inherit;}
#texte a.telech:hover { color:#f7b018; }
#contenu ul {margin-bottom:0.8em;}

/* page actus */
#plus { background:#fff url(../images/layout/en-plus.gif) top left no-repeat; padding-left:50px; height:3em; padding-top:5px; }
#plus a {font-size:0.9em; background:none; line-height:1.2em;}
#plus a:hover {background:none; }
.edition { padding-top:1em; text-align:right; font-size:0.8em;}

#texte .edition_rss { margin-bottom: 0.2em; }
.lien_suite {  text-align:right; font-size:0.9em; }

#bloc_rss_feeds { margin-top: 40px; }
#bloc_rss_feeds h2 { background:#fff url(../images/layout/feed-icon.png) top left no-repeat; padding-left: 20px; margin-bottom: 5px; }
#bloc_rss_feeds p { margin-bottom: 5px; margin-left: 25px; }

#bloc .bloc_rss ul li h3, #bloc .bloc_cabinet ul li h2 { margin-bottom: 2px; margin-top: 0em; }
#bloc .bloc_rss { margin-left: 24px; }

#contenu .bloc_cabinet { margin-left: 35px; }
#contenu .bloc_actus_accueil .bloc_cabinet { margin-left: 15px; }

/* bloc actualites de la page d'accueil et de la page actus */
#bloc {float:left; display: inline; margin-top:20px; margin-left:20px; width:224px; font-size:0.7em; color:#3a3225; background:#fff url(../images/layout/bg-bloc.gif) top left repeat-y;}
.textebloc {width:180px; margin-left:15px; float:left; display: inline; }
.textebloc ul { list-style-type:disc; margin-left: 15px; margin-top: 10px; }
#bloc h2 {font-size:1.1em; margin-top:1em; margin-bottom:6px;}
#bloc a {text-decoration:none; color:#3a3225;}
#bloc a:hover {color:#963;}
#bloc a, #bloc a:hover {background:inherit;}
.lien_fil { text-align:right;  } #bloc .lien_fil a:hover { text-decoration: underline;  } 
.piedbloc {clear:both; background:url(../images/layout/pied-bloc.gif) 0 0 no-repeat; height:17px; border:none;}

/* blocs missions */
#compta, #sociale, #juridique {float:left; display: inline; width:205px; color:#3a3225; background:inherit;}
#sociale, #juridique {margin-left:20px; }
#compta ul, #sociale ul, #juridique ul, #sociale ul, #juridique ul { text-align:left; margin-top:-0.5em; }
#commissariat { width: 430px; float:left; display: inline; margin-left:20px; padding-bottom:2em;}
#commissariat h2 { height:79px; text-indent:-5000px; color:#3a3225; }
#compta h2, #juridique h2, #sociale h2 { height:110px; text-indent:-5000px; color:#3a3225; }
#compta h2 {background:#fff url(../images/layout/mission-comptable.gif) 50% 0 no-repeat;}
#sociale h2 {background:#fff url(../images/layout/mission-sociale.gif) 50% 0 no-repeat;}
#juridique h2 {background:#fff url(../images/layout/mission-juridique.gif) 50% 0 no-repeat;}
#commissariat h2 {background:#fff url(../images/layout/mission-commissariat.gif) 50% 0 no-repeat;}
.telech { padding-left:30px; padding:6px 0 6px 30px; display:block; text-align:left; }
/*.telech2 { background-image:none; padding-left:30px; display:block; text-align:left;  font-size:12px;}
*/
#compta a.telech {position:relative;  font-size:11px; background:url(../images/layout/puce-jaune.gif) top left no-repeat; padding:5px 0 5px 30px;  display:block; text-align:left; }
#compta a.telech2 {position:relative;  font-size:11px; background:none; padding:0 0 0 30px;  display:block; text-align:left;}

#sociale a.telech {position:relative;  font-size:11px; background:url(../images/layout/puce-bleu.gif) top left no-repeat;}
#juridique a.telech {position:relative;  font-size:11px; background:url(../images/layout/puce-brun.gif) top left no-repeat;}
#commissariat a.telech {position:relative;  font-size:11px; background:url(../images/layout/puce-jaune.gif) top left no-repeat;}

/* contact */
#coord {float:left; display: inline; margin-top:20px; margin-left:30px; width:210px; font-size:0.7em; color:#3a3225; padding-bottom:1em; padding-left:10px; border-left:1px solid #0c6bb1; }
#coord li { margin-left:2em;}
#coord h2 {font-size:1.1em; margin-top:1em; margin-bottom:0;}
#coord a.telech {text-decoration:none; color:#3a3225; margin-top:1em; background:url(../images/layout/puce-jaune.gif) top left no-repeat;}
#coord a.telech:hover {color:#963;}
#oec {background:url(../images/layout/puce-jaune.gif) 0 10px no-repeat; padding:10px 0 0 30px; display:block; text-align:left;}

/* Partie client */
#contenu .clients a {text-decoration:none; background:transparent;}


/* form */
#licapt li { float:left; display: inline; width:30px;	background:#eee; text-align:center; padding:0; margin:0;}
#formcontact {width:390px; margin-bottom:50px;}
.lab {width:120px; clear:both; float:left; display: inline; margin:2px 5px 2px 0; }
.err {font-weight:bold; color:#f00;}
.oblig {font-size:0.7em; font-style:italic; margin-left:120px;}
#formcontact select{margin:2px 0 2px 0;}
#formcontact input{margin:2px 0 2px 0;}
#formcontact textarea {width:200px; height:140px; margin-bottom:10px; }
input#message {float:left; display: inline; font-family:Arial, Helvetica, sans-serif;}
.boutons {margin-left:120px;}

/*input, textarea, select {
	border: 1px solid black;
}*/
.fieldWithErrors input, .fieldWithErrors textarea {
  border: 1px solid red;
}

#errorExplanation { width: 350px; border: 2px solid red; padding: 7px; padding-bottom: 12px; margin-bottom: 20px; background-color: #f0f0f0; }
#errorExplanation h2 { text-align:left; font-weight:bold; padding:5px 5px 5px 15px; font-size:12px; margin:-7px; background-color:#c00; color:#fff; }
#errorExplanation p { color: #333; margin-bottom: 0; padding: 5px; }
#errorExplanation ul li { font-size: 12px; list-style: square; }

.nof {clear:both; visibility:hidden;}
.ileft {float:left; display: inline; padding:0 1em 0.2em 0;}
.iright {float:right; display: inline; padding:0 0 1em 1em;}

h1 { width:40px; height:220px; float:left; display: inline; text-indent:-5000px; }
h1.accueil { background:url(../images/layout/accueil.gif) top left no-repeat; }
h1.missions { background:url(../images/layout/missions.gif) top left no-repeat; }
h1.moyens {background:url(../images/layout/moyens.gif) top left no-repeat;}
h1.contact {background:url(../images/layout/contact.gif) top left no-repeat;}
h1.actualites {background:url(../images/layout/actualites.gif) top left no-repeat;}
h1.espace_clients {background:url(../images/layout/espace_clients.gif) top left no-repeat;}

h1.alaune { width:24px; height:243px; font-size:1.1em; background:url(../images/layout/alaune.gif) top left no-repeat; }
h1.toutesactus { width:24px; height:200px; font-size:1.1em; background:url(../images/layout/toutesactus.gif) top left no-repeat; }

h2 { font-size:1.1em; margin-bottom:1em; }
h3 { font-size:1em; margin-bottom:1em;}

#pied { height:100px; background:#0c6bb1 url(../images/layout/pied.gif) 50% 0 no-repeat; color:#0c6bb1; }
#pied p { width:770px; margin-left:auto; margin-right:auto; text-align:right; font-size:10px; padding:0 3em 0 0; }
#pied a { text-decoration:none; color:#055c93; background:inherit; }
#pied a:hover { color:#f7b018; background:inherit; }