/* Neutralize styling:
   Elements we want to clean out entirely: */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: 100%/1.2 Arial, Helvetica, sans-serif;
	}

/* Neutralize styling:
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
	}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
	margin-left: 1em;
	}

/* Miscellaneous conveniences: */
body {
	color: #67504a;
	font-size: 75%;
	/*width:  900px;*/
	}
html {
	background: #fff;
	}
h1 {
/*	clear: both;*/
	font-size: 1.4em;
	margin-top: 0;
	text-align: left;
	}
	.mission h1 {
		color: #F1AA00;
		}
	.projets h1 {
		color: #EB0438;
		}
	.alaune h1 {
		color: #EB0438;
		}
	
h2 {
	font-size: 1.3em;
	font-weight: normal;
	}
h3 {
	font-size: 1em;
	}
h4 {
	font-size: 1em;
	font-style: italic;
	}
input, textarea, select {
	/* La couleur #7D6E6B est correcte pour le footer */
	color: #7D6E6B;
	font-family: Arial, Helvetica, sans-serif;
	}
input {
	font-size: 0.9em;
	padding: 0;
	}
	input.submit {
		background: #4C3F3B;
		border: 1px solid #ccc;
		color: #fff;
		font-weight: bold;
		margin-left: 0.5em;
		text-transform: uppercase;
		}
		input.submit:hover {
		background: #606060;
		border: 1px solid #ccc;
		color: #FF0033;
		font-weight: bold;
		margin-left: 0.5em;
		text-transform: uppercase;
		cursor : pointer;
		}	
		.texte input.submit {
			margin-left: 0;
			padding: 0 1em;
			}
	input.lien {
		background: transparent;
		border: none;
		cursor: pointer;
		color: #7C6E6B;
		font-size: 1.15em;
		font-weight: bold;
		text-align: left;
		}
a {
	cursor:pointer;
        color: #67504a;
	}
	a:hover {
		color: #eb0438;
		}
	a img {
		border: none;
		}
ul {
/*	list-style: square url(/design/oseo/include/images/graph_site/puce_liste.gif);   */
	}
img.imageIllustration {
	clear: left;
	display: block;
	float: left;
	margin: 0 1em 1em 0;
	}
.clear {clear: both;}
.clear_left {clear: left;}
.object-default .object-description {padding-left: 23px;}
	.object-default .object-description p {margin: 0.2em;}
.object-center {text-align: center;}
.float_left, .object-left {float: left;}
.float_left {margin-right: 1em;}
.object-left {clear: left;}
	.object-left .class-image {margin-right: 1em;	}
.float_right, .object-right {float: right;}
.float_right {margin-left: 1em;}
.object-right {clear: right;}
	.object-right .class-image {margin-left: 1em;}
	.object-left p, .object-right p {margin: 0;}
.embedFile {margin-bottom: 0;}
	.embedFile img {
		float : left;
		clear : left;
		margin-top : -5px;
		margin-right : 3px;
		}
.boutonImage {
	position: relative;
		top: 4px;
	}

#conteneur {
	margin: 0 auto 3em;
	padding-left: 60px;
	width: 940px;
	}

.image_bas_abs{
  width:100%;
 background: url(../../include/images/graph_site/cadre_hori.gif) 0 0px  repeat-x;
 position:absolute;
 bottom:0px;
}
.image_bas{
  width:100%;
 background: url(../../include/images/graph_site/cadre_hori.gif) 0 0px  repeat-x;
}

#header{
  height:111px;
 background: url(../../include/images/graph_site/header.jpg) no-repeat;
}

#back_home{
  position:absolute;
  top:0 ;
  left:60;
}
      #contact{
        float:right;
        margin-right:55px;
        margin-top:15px;
      }

      #accroche{
        clear:right;
        float:right;
        margin-top:19px;
       /* left:50px;     */
        font-weight:bold;
        color:#ffffff;
        font-size:1em;
        width:780px;
      }
      #accroche h1{
        margin:0;
      }
      #menu_head{
      /*  clear:right;*/
        float:left;
        margin-top:0px;
        margin-bottom:1em;
        margin-left:120px;

        padding:0px;
       /* left:50px;     */
        font-weight:bold;
        color:#ffffff;
        font-size:1em;
        width:800px;
        line-height:0px;
      }
				#menu_head ul.menu_head_rubriques li {
                                  margin-top:0px;
					margin-left: 0.5em;
					padding: 0;
					float:left;
					list-style:none;
					}
					#menu_head ul.menu_head_rubriques a {
						color: #6A5751;
						display: block;
						font-weight: bold;
						padding: 0 5px 0.45em;
						text-decoration: none;
						}
						#menu_head ul.menu_head_rubriques a:hover, #menu_head ul.menu_head_rubriques a:focus {
						/*	background: url(../../include/images/graph_site/puce_over.gif) 0 5px no-repeat;  */
							text-decoration: none;
							color: #EB0438;
                                               }
      .agauche{
        float:left;
      }
	/* =MENU */
	#home_menu {
		clear: both;
		float: left;
		margin: 0;
		width: 500px;
		/*background:#000099; */
		}
	#home_menu, #home_menu ul.home_menu_rubriques {
		list-style: none;
		list-style-image: none;
		}
		
		.home_menu_secteur {
			clear: both;
			margin-bottom: 0.3em;
			min-height: 130px;
			position: relative;
			}
			.home_menu_intituleSecteur, .home_menu_liensecteur {
				position: absolute;
					top: 0;
					left: 0;
				width: 270px;
				}
			.home_menu_intituleSecteur {
				margin: 0;
				width: 270px;
					z-index: 1;
				}
			.home_menu_texteSecteur {
				background: #ECE8E5;
				color: #6A5751;
				min-height: 100px;
				padding: 10px 12px;
				position: absolute;
					top: 0;
					left: 16px;
					z-index: 2;
				width: 270px;
				text-align:justify;
				}
				.home_menu_texteSecteur h2 {
					font-size: 1.6em;
					margin: 0;
					}
				.home_menu_texteSecteur p {
					margin-top: 0;
					margin-bottom: 0;
					}
				.home_menu_texteSecteur a {
					color: inherit;
					text-decoration: none;
					}
			.home_menu_liensecteur {
				height: 87px;
				margin: 0;
					z-index: 3;
				width: 220px;
				}
			#home_menu ul.home_menu_rubriques {
				margin: 0 0 0 300px;
				padding-top: 0.5em;
				}
				#home_menu ul.home_menu_rubriques li {
					margin-left: 0.5em;
					padding: 0;
					}
					#home_menu ul.home_menu_rubriques a {
						color: #6A5751;
						display: block;
						font-weight: bold;
						padding: 0 10px 0.45em;
						text-decoration: none;
						}
						#home_menu ul.home_menu_rubriques a:hover, #home_menu ul.home_menu_rubriques a:focus {
							text-decoration: none;
							color: #EB0438;
							}
							#home_menu_mission ul.home_menu_rubriques a:hover, #home_menu_mission ul.home_menu_rubriques a:focus {
								color: #f1aa00;
								}
							#home_menu_projets ul.home_menu_rubriques a:hover, #home_menu_projets ul.home_menu_rubriques a:focus {
								}
							#home_menu_experience ul.home_menu_rubriques a:hover, #home_menu_experience ul.home_menu_rubriques a:focus {
								color: #787878;
								}




     .box_home{
      position:relative;
     
       clear:none;
      width:380px;
      float:left;
      margin-left:0px;
      margin-right :12px;;
	 
      /*background: url(../../include/images/graph_site/cadre_vert.gif) repeat-y;*/
     }
         .box_home h2{
               font-weight:bold;
                margin-left:1em;
                background: url(../../include/images/graph_site/back-box.jpg) no-repeat;
                color:#ffffff;
                padding-left:5px;
                padding-top:4px;
         }
        .box_home p{
               font-weight:bold;
			   margin-left:20px;
              
				
         }
        .box_home a{
              text-decoration: none;
			  text-transform:uppercase;
			  font-size:12px;
        }
		
		.box_home2{
     height:250px;
      width:300px;
      float:left;
      margin-left:10px;
      margin-right :15px;
      background: url(../../include/images/graph_site/cadre_vertk.gif) repeat-y;
	  margin-bottom:15px;
     }
         .box_home2 h2{
               font-weight:bold;
                margin-left:1em;
                background: url(../../include/images/graph_site/back-box.jpg) no-repeat;
                color:#ffffff;
                padding-left:30px;
                padding-top:4px;
         }
        .box_home2 p{
               font-weight:bold;
                margin-left:4em;
         }
        .box_home2 a{
              text-decoration: none;
        }
		
		
		
        #slider{
          margin-left:4em;
        }

    .home_contenuGH{
       top:0px;
       padding-top:0px;
       width:500px;
       padding:0;
       background: url(../../include/images/graph_site/cadre_vert.gif) repeat-y;
      margin-bottom:1em;
     }
	 
	 
	  .home_contenu{
       top:0px;
       padding-top:0px;
       margin-left:520px;
       width:370px;
       padding:0;
       background: url(../../include/images/graph_site/cadre_vert.gif) repeat-y;
      margin-bottom:1em;
     }
     .home_contenu a{
       text-decoration:none;
     }
         .contenu_item1 h2, .contenu_item2 h2{
             font-weight:bold;
              margin-left:1em;
               margin-top:0px;
              margin-bottom:0px;
         }
             .contenu_item1 h2{
                    border-bottom:#F1AA00 solid 3px;
             }
             .contenu_item2 h2{
                   border-bottom:#E80D07 solid 3px;
             }
         .smaImgLeft {
           margin-top:0.2em;
           margin-left:1.5em;
           float: left;
           margin-right:1em;
           min-height:50px;
          /*margin-bottom:1em;  */
           }

         .contenu_item1 p,.contenu_item2 p{
           margin-left:1.5em;
               margin-top:0px;
           margin-left:1.5em;
               padding-top:0px;
               margin-bottom:0.5em;
               text-align:justify;
           min-height:50px;
         }

          .lire_article{
            float:right;
            /*position:absolute; */
            margin-right:0px;
            /*margin-bottom:10px*/
          }

       .gh{
           margin-left:1.5em;

       }
       .gh img{
           margin-right:1em;

       }
       .tgh{
           margin-left:50px;
           margin-top:-2.5em;
           float:left;
           font-weight:bold;

       }


     #logo_gris{
       top:0px;
       padding-top:0px;
       margin-left:580px;
       width:280px;
       height:194px;
       padding:0;
       background: url(../../include/images/graph_site/logo-gris.jpg) no-repeat;
     }



     /* FIXED MENU icones haut/bas/home/contact */
     #fixedmenu {
       position: fixed;
      /* bottom: 20px;
       right: 20px;   */
       top:20px;
       right:5px;
       width: 16px;
       background: transparent;
     }
            #fixedmenu a, #fixedmenu a:hover {
               text-decoration: none;
               display: block;
               width: 16px;
               height: 16px;
               overflow: hidden;
               font-size: 40px;
               line-height: 1;
               margin: 0 auto;
            }
            
            #fixedmenu ul, #fixedmenu li {
               list-style-type:none;
               margin: 5px 0;
               padding: 0;
            }
            
            #fixedmenu #home {
               background: transparent url(../../include/images/graph_site/home.png) no-repeat;
            }
            
            #fixedmenu #up {
               background: transparent url(../../include/images/graph_site/up.png) no-repeat;
            }
            
            #fixedmenu #down {
               background: transparent url(../../include/images/graph_site/down.png) no-repeat;
            }
            

            #fixedmenu #email {
               background: transparent url(../../include/images/graph_site/email.png) no-repeat;
            }
            
            #fixedmenu #favoris {
               background: transparent url(../../include/images/graph_site/favoris.png) no-repeat;
            }
            
.dyn_content{
  margin-left:1em;
/*  text-align:justify;*/
}
    .dyn_content p{
     /* margin-left:1em;*/
      text-align:justify;
    }
    .dyn_content h1{
      font-size:1.4em;
      text-align:justify;
      text-decoration:underline;
    }
    .dyn_content h2{
      font-size:1.3em;
      font-weight:bold;
      /*text-align:justify;*/
    }
        .dyn_content h3{
      font-size:1.2em;
      /*text-align:justify;*/
    }
        .dyn_content h4{
      font-size:1.1em;
      /*text-align:justify;*/
    }


.dyn_content_max{
  width:450px;
  }

/*  #form_recherche{
    margin-left:0px;
  } */
#resultat_de_recherche   {
 /* clear:left; */
}
#resultat_de_recherche tr  {
  height:2em;
}
#resultat_de_recherche tr .th, #resultat_de_recherche tr .th a{
  background:#555555;
  color:#fff;
}

#resultat_de_recherche tr  .td1{
  background:#fff;
  color:#333333;
}

#resultat_de_recherche tr .td2{
  background:#dddddd;
  color:#333333;
}
#resultat_de_recherche tr  .td1 a,#resultat_de_recherche tr  .td2 a{
  text-decoration:none;
  font-weight:bold;
}
.detail_col{
  width:320px;
float:right;
margin-right:22px;
}
.detail_photo{
  margin-left:5px;
  margin-bottom:10px;
  width:300px;

}
.detail_menu,.detail_description{
  margin-right:5px;
  margin-bottom:10px;
  width:300px;
  border:solid 1px #555555;
}
.detail_description p{
/*margin:1em 1 1 1 ;
padding:1em 1 1 1 ;*/
margin-left:1em;
margin-right:1em;
}
.detail_description  .ref{
   font-size:1.4em;
}
.detail_description  .descr{
   font-size:1.2em;
}
.form_contact_affaire #form1{
  width:250px;
  /*background-color:#ff0000;*/
}
         .form_contact_affaire h2{
               font-weight:bold;
                margin-left:0em;
               /* background: url(../../include/images/graph_site/back-box.jpg) no-repeat;*/
                color:#444444;
                padding-left:0px;
                padding-top:4px;
                border-bottom:solid 1px #555555;
         }

.detail_menu{
text-align:center;
}
.detail_description{
  text-align:justify;
}
.spacer{
  clear:left;
}

/* pour affichage page */
#page_titre {
       text-decoration:none;
        color: #7c6e6b;
        display: block;
        font-size: 1.5em;
        font-weight: bold;
        margin-left:200px;
        padding:10px 0 10px 25px;
        text-decoration: none;
        background-color: transparent;
        background: url(../../include/images/graph_site/fond_titre.png)  no-repeat scroll 0%;

}
#page_soustitre {
       text-decoration:none;
        color: #7c6e6b;
        display: block;
        font-size: 1.3em;
        font-weight: bold;
        padding:10px 0 10px 25px;
        margin-left:0px;
        text-decoration: none;
        background-color: transparent;
 /*       background: url(../../include/images/graph_site/fond_titre.png)  no-repeat scroll 0%;*/

}
.menu_page{
  float:left;
  display:block;
  width:190px;
}
.menu_page li{
       color:#7C6E6B;
        display:block;
        font-size:1.1em;
        font-weight:bold;
        padding:0;
        text-decoration:none;
	list-style: none;
	list-style-image: none;
		}
#notremission,#votreprojet,#notreexperience{
       text-decoration:none;
        color: #ffffff;
        display: block;
        font-size: 1.2em;
        font-weight: bold;
        padding:10px 0 10px 10px;
        text-decoration: none;
        background-color: transparent;
/*  background: url(../../include/images/graph_site/menu_mission.png) no-repeat scroll 0%;*/
		}

.menu_page li a{
       text-decoration:none;
        color: #7c6e6b;
        display: block;
        font-size: 1.1em;
        font-weight: bold;
        padding:10px 0 10px 10px;
        text-decoration: none;
        background-color: transparent;
  background: url(../../include/images/graph_site/menu_off.png) no-repeat scroll 0%;
}

.mmission li a:hover , .mprojet li a:hover,.mexperience li a:hover {
      display:block;
      color:#FFFFFF;


}

#notremission,.mmission li a:hover {
      background:transparent url(../../include/images/graph_site/menu_mission.png) no-repeat scroll 0%;
}
#votreprojet,.mprojet li a:hover {
      background:transparent url(../../include/images/graph_site/menu_projet.png) no-repeat scroll 0%;
}
#notreexperience,.mexperience li a:hover {
    background:transparent url(../../include/images/graph_site/menu_experience.png) no-repeat scroll 0%;
}

.page_contenu{
       top:0px;
       padding-top:0px;
       margin-left:200px;
       width:700px;
       padding:0;
     /*  background: url(../../include/images/graph_site/cadre_vert.gif) repeat-y;*/
       margin-bottom:1em;

}
.page_contenu ul,.page_contenu  li,.page_contenu  dd, .page_contenu blockquote
{

margin-left: 3em;
padding-left:1em;

}

.infobulle{
	position: absolute;	
	visibility : hidden;
	border: 1px solid Black;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: #FFFFCC;
}