@charset "utf-8";
/* CSS Document */

body {
	margin:0px;
	padding:0px;
	background:url(img/fond.gif) center repeat-y #F3F4F4;/*#f0f1f1; /*#ebfeec;*/
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#6D757F;
	white-space:normal;
}	


img {
	margin:0;
	border:0;
}
div.align_gauche {
	float:left;
}
div.align_droite {
	float:right;
	clear:both;
}
p {
	margin-top:4px;
	margin-bottom:4px;
	display:inline-block;
}

/*--------------------------------*/
/* CADRE */
#cadre {
	margin-left:auto;
	margin-right:auto;
	width:100%;
	background:url(img/bande_fond.jpg) repeat-x 0 133px;
}	
/*--------------------------------*/
/* HEADER */
#header {
	clear:both;
	height:133px;
	margin-left:auto;
	margin-right:auto;
	width:900px;
}	
#header .titre_header{
	display:block;
	float:left;
	clear:left;
	margin-top:20px;
	margin-left:5px;	
	width:475px;
	height:113px;
}
#header .liens_header{
	float:right;
	clear:right;
	height:48px;
	width:190px;
	margin-top:72px;
	margin-right:20px;
}

#header .liens_header ul {
	display:inline-block;
	width:210px;
	list-style:none;
	vertical-align:top;
	margin:0px;
	padding:0px;
}
#header .liens_header li {
	white-space:nowrap;
	float:left;
	margin-right:2px;
	display:inline;
	height:48px;
	width:31px;
}	

#header .liens_header li a {
	display:block;
	height:48px;
}

a.l_accueil {
	background:url(img/lt_home.jpg) no-repeat top left;
}

a.l_contact {
	background:url(img/lt_contact.jpg) no-repeat top left;
}

a.l_accueil:hover, a.l_contact:hover, #header li.tel:hover {
	background-position: 0 -48px;
}

#header li.tel {
	background-image:url(img/img_tel_fond.jpg);
	background-repeat:no-repeat;
	width:135px;
	display:block;
	height:48px;
	padding-top:5px;
}

#header span, #header .tel_txt {
	font-size:11pt;
}

#header .tel_txt {
	display:block;
	padding-left:18px;
	font-family:"Amerika Sans", "Trebuchet MS", Verdana, Arial;	
	color:#79BA0F;
}

#header .tel_txt:hover {
	color:#367eca;
}

#header span {
	font-family:"Trebuchet MS", Verdana, Arial;	
	color:red;
}

#header img {
	margin:0;
	border:0;
}
/*--------------------------------*/
/* HOME */
#home {
	clear:both;
	height:42px;
	margin-left:auto;
	margin-right:auto;	
	width:785px;
	padding-left:10px;
	vertical-align:top;
}
/*--------------------------------*/
/* COLONNE GAUCHE */
#col_gauche {
	display:block;
	float:left;
	clear:left;
	background-image:url(img/col_gauche_fond_1.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	width:202px;
	height:400px;
	font-family:"Amerika Sans", "Trebuchet MS", Verdana, Arial;
	color:#79BA0F;
	vertical-align:top;
}
#col_gauche h3 {
	font-size:18px;
	font-weight:normal;
	line-height:21px;	
	margin:0px;	
	margin-top:-1px;
}
#col_gauche a {
	color:#79BA0F;
	text-decoration:none;
}
#col_gauche a:hover {
	color:#367ECA;
}

/* RUBRIQUES */
#col_gauche .rub1, #col_gauche .rub2, #col_gauche .rub3, #col_gauche .rub4 {
	background-repeat:no-repeat;
	background-position: top right;
	height:45px;
	width:147px;
	margin-bottom:2px;
	clear:both;
	float:left;
}
#col_gauche .rub1 {
	background-image:url(img/cg_rub_1-1b.jpg);
	margin-top:63px;
}
#col_gauche .rub2 {
	background-image:url(img/cg_rub_2-1b.jpg);
}
#col_gauche .rub3 {
	background-image:url(img/cg_rub_3-1b.jpg);
}
#col_gauche .rub4 {
	background-image:url(img/cg_rub_4-1b.jpg);
}
/*--------------------------------*/
/* PAGE */
#page {
	float:left;
	width:570px;
	background:url(img/ombre_fond_page.jpg) top left repeat-y;
}
/* TITRE */
#titre_rub {
	background : url(img/fond_bandeau_article.jpg) repeat-x top left;
	width:533px;
  position:absolute;
	
}
#titre_rub .fond_titre {
	float:left;
	background :url(img/fond_titre.jpg) repeat-x;
}

#titre_rub .texte_titre{
	background-image:url(img/ombre_titre_droit.jpg);
	background-repeat:no-repeat;
	background-position: top right;
	padding-top:26px;
	padding-right:30px;
	padding-bottom:0;
	margin-left:4px;
	white-space:nowrap;	
	font-family:"Amerika Sans", "Trebuchet MS", Verdana, Arial;
	color:#79BA0F;
	font-size:1.6em;
	display:block;
}

/* TEXTE */

#texte {
	margin-left:0;
	padding:0px 35px;
	text-align:left;
	padding-top:60px;
	padding-right:25px;
	width:470px;
	margin-bottom:8px;
}

#texte  a {
	color:#367ECA;
	text-decoration:none;	
}

#texte  a:hover {
	color:#367ECA;
	text-decoration:underline;
}
#texte ul, #texte ul.comp_1, #texte ul.comp_2, #texte ul.slide, #texte ul.marge {
	background-repeat:no-repeat;
	list-style-image:url(../rub/img/puce_orange.gif);
	font-size:9pt;
	text-align:left;
	display:inline-block;
}
#texte ul.comp_1, #texte ul.comp_2 {
	margin-bottom:20px;
}

#texte ul, #texte ul.slide, #texte ul.marge {
	margin:0;
	padding:0;
}
#texte ul.slide, #texte ul.marge {
	padding-left:20px;	
}

#texte ul {
	padding-left:16px;
	
}	

#texte ul.comp_1, #texte ul.comp_2{
	padding-left:80px;
	list-style-position:outside;	
}
#texte ul.comp_1{
	background-image:url(../rub/img/picto_ico.gif);	

}
#texte ul.comp_2{
	background-image:url(../rub/img/picto_plume.gif);
}

#texte li {
	padding-top:1px;
	padding-bottom:1px;
}

#texte h3 {
	font-size:12pt;
	font-weight:normal;
	margin-bottom:4px;
	margin-top:0.8em;
}

#texte h3, #texte h5 {
	color:#DD7F14;
	font-weight:normal;
	text-align:left;
}

#texte h5 {
	font-size:0.9em;
	font-weight:bold;
}
#texte h4 {
	margin-top:10px;
	margin-bottom:5px;
	text-align:left;
	color:#72A70F;
}
#texte h4 span {
	display:inline-block;
	width:28px;
	color:#d23d02;
	background:url(../rub/img/etapes.gif) no-repeat;	
	padding-left:4px;
}

#texte h3.soluce {
	margin-top:10px;
	margin-bottom:10px;
	text-align:left;	
	font-size:12pt;
}
#texte img.img_soluce {
	float:left;
	margin-right:5px;
}

#texte .cadre_soluce {
	float:left;
   padding-top:10px;
   padding-bottom:10px;
   margin-bottom:10px;
   border-bottom:1px dotted #C5CFDA;
}

#texte .soluce_intro { 
	width:117px;
   float:left;
   text-align:center;
   font-weight:bold;
}

#texte .soluce_intro a {
   font-size:0.9em;
   text-align:center;
   color:#DD7F14;
   margin:0;
}

#texte .soluce_intro a:hover {
   color:#367ECA;
   text-decoration:none;
}

/* SLIDER */
	
#texte .bloc_toggle {
	background-image:url(../rub/img/points_sep-vert.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom:15px;
	border:1px solid #ffffff;
}

#texte .fond_toggle {
	background:url(../rub/img/points_sep-gris.gif) repeat-x 0 16px;
}

#texte h3 a.slider {
	color: #DD7F14;
}
#texte h3 a.slider:hover {
	color: #367ECA;
	text-decoration:none;
}

#texte a.slider {
	cursor:pointer;
	display:block;
	background:url(../rub/img/hb_sep.gif) 0px 20px no-repeat;
	height:37px
}
#texte a.slider:hover {
  background-position:0px -18px;
  background-repeat:no-repeat;
}

#texte a.bg_poss {
	height:16px;
	padding-bottom:0px;
	background-position:top right;
}

#texte a.bg_poss:hover {
	height:16px;
	padding-bottom:0px;
	background-position:0px -38px;
}
#texte div.MGroup,  #texte div.prj, #texte div.lex, #texte div.credits {
	background-image:url(../rub/img/points_sep-gris.gif);
	background-repeat:repeat-x;
}

#texte div.MGroup {
	background-position:0 5px;
}

#texte div.prj {
	background-position:0 43px;
}

#texte div.lex {
	background-position:0 49px;
}


#texte div.MGroupContent {
	background-image:url(../rub/img/points_sep-vert.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom:15px;
	border:1px solid #ffffff;
}

/* TIPS */

#texte a.tips, #texte a.g_tips {
	cursor:help;
	color:#709CB7;
	text-decoration:none;		
}
#texte a.tips:hover, #texte a.g_tips:hover {
	color:#6EAA0E;
	text-decoration:none;
	border-bottom:1px dotted #72A70F;
}

.tip-top {
	color: #196BAF;
	background: url(img/tips_sup.png) top left no-repeat;
	height:3px;
}

.tip {
	width:145px;
	font-size: 0.8em;
	background: url(img/tips_fond1.png) bottom left no-repeat;
	z-index: 13000;
	padding-left:6px;
	padding-right:10px;
}

.tip-title {
	font-weight: bold;
	margin: 0;
	color: #378CD1;
	padding-bottom:2px;
	padding-top:0px;
	text-align:left;
}
 
.tip-text {
	padding-top:0px;
	padding-bottom:3px;
   padding-left:3px;
}

.tip-text img {
	border:1px solid #D6D8D5;
}

.tip-bottom {
	padding:5px;
	padding-top:0px;
	padding-bottom:3px;
	background: url(img/tips_bas.png) top left no-repeat;
	height:7px;
   width:130px;
}

/* LEXIQUE */
#texte p.lex {
	padding-left:15px;
	border-left:4px solid #E9F2E8;
}
#texte span.lex {
	display:block;
	font-size:7pt;
	text-align:right;
	padding-top:10px;
}
#texte span.lex  a{
	background:url(../rub/img/p_liens_b.gif) 0 1px no-repeat;
	padding-left:16px;
}	

#texte a.ancre {
   color:#709CB7;
}

#texte a.ancre:hover {
   color:#6EAA0E;
}

/* FORMULAIRE */

#frmContact {
   float:left;
   margin-bottom:10px;
}
#frmContact, #form_box {
	margin-left:auto;
	margin-right:auto;
	width:392px;
	text-align:left;
}
#form_box span {
	color:red;
}
#form_box .errorMessage, #form_box .alerteMessage {
	color: red;
	margin-right: 10px;
	font-size: 10px;
   font-weight:normal;
   float:right;
   font-family:Verdana, Arial;
}
#form_box label {
	color: #929DA2;
}
#form_box .dim {
	display:block;
   float:left;
   width:120px;
}
#form_box .sep {
   float:left;
   margin-right:4px;
   color:#929DA2
}
#form_box div, #form_box p{
	margin:0;
	margin-bottom:8px;

}
#form_box input, #form_box textarea {
   float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif ;
	color:#4C5158;
	font-size:0.8em;
   border:1px solid #E4E4E4;
   background-color:#F4F4F4;
   border-left:2px solid #6298B5;
}

#form_box .champs_sup {
     padding-left:2px;
     width:256px;
}

#form_box .champs_inf {
     width:386px;
     padding-left:2px;     
}

#form_box input[type="submit"] {
   color:#DD7F14;
	cursor:pointer;
}
#form_box input[type="submit"]:hover {
   color:#367ECA;
}
/* CV */
#texte p.cv {
	padding-left:10px;
	margin-left:5px;
	font-style:italic;
	color:#51859B;
	display:block;
  border-left:5px solid #E9F2E8;
}

#texte ul.cv {
  padding-left:18px;
}
#texte ul.cv, #texte p.cv {
	font-size:11px;
	margin-bottom:5px;	
}
#texte ul.cv span {
	text-decoration:underline;
}
#texte .ti_texte{
	font-size:9pt;
}
/* GALERIE */
#galerie {
   width:100%;
   height:290px;
   margin:auto auto;
   margin-top:10px;
   text-align:center;
   vertical-align:text-top;
   float:left;
}

.img_desc{
  float:left;
  width:100%;
  padding-top: 8px;
  padding-bottom:8px;
  border-top:1px dotted #C5CFDA;
  border-bottom:1px dotted #C5CFDA;
  font-size:9pt;
}
.img_desc a{
   font-weight:normal;
}

.navig{
  z-index:100;
  margin-left:340px;
  position:absolute;
}

#galerie #img_big{
  margin:auto auto;
}

.desc {
   margin:0 auto;
   padding:0;
   font-size:9pt;
   text-align:left;
   float:left;
   padding-top:3px;  
}

#galerie .navig {
position : relative;
margin-top : 20px;
}

#texte #miniatures {
   width:100%;
   overflow:hidden;
   list-style:none;
   float:left;
   padding:0;
   margin-bottom:10px;
}

#miniatures li {
   cursor:pointer;
   display:block;
	width:82px;
   height:62px;
   float:left;
   padding:2px;
   margin:0;
   margin-left:7px;
   margin-top:7px;
   border:1px solid #DADCD9;
}

#miniatures img {
   margin:auto;
}
/* RUB ANNEXES */
#rub_annexe {
	float:right;
	background-image:url(img/ra_top.jpg);
	background-repeat:no-repeat;
	width:37px;
	margin-top:0px;
	padding-top:69px;
}

#rub_annexe a{
  background-position:top left;
  background-repeat:no-repeat;
	display:block;
	width:37px;
	height:65px;
}
#rub_annexe a:hover{
 background-position:-37px;
}

#rub_annexe a.r1{
	background-image:url(img/btn_ra_info.jpg);
}
#rub_annexe a.r2{
  background-image:url(img/btn_ra_galerie.jpg);
}
#rub_annexe a.r3{
  background-image:url(img/btn_ra_lexique.jpg);
	height:69px;
}

#rub_annexe a.moo {
	background:url(img/moo.gif) top left no-repeat;
	width:16px;
	height:134px;
	margin-left:10px;
}
#rub_annexe a.moo:hover {
	background-position:-16px 0px;
}

/* FOOTER */
#footer {
	float:right;
	padding-right:33px;
	display:inline-block;
	height:70px;
	background:url(img/footer.jpg) no-repeat -1px -6px #FFFFFF;	
	text-align:center;
	font-size:0.7em;
	color:#929DA2;
	width:550px;
}
#footer p {
	margin-top:0px;
	margin-bottom:0px;
}

#pied_page {
	clear:both;
	height:22px;	
	margin-right:14px;
	vertical-align:bottom;
	text-align:right;
	font-style:italic;
	font-size:0.95em;
	color:#72A70F;
}
#pied_page img {
	margin-top:6px;
}	


.logo_cms {
	margin : 5px;
}