/*************************
  Styles pour les pages html du site
  ************************/

/* GLOBAL ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

html{
height: 100%;
} 


body {
	color: #ce9075;
	font-weight: normal;
	font-size: 12px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	background-color:#e4ebf2;
	background-image:url(img/bg.jpg);
	background-repeat:repeat;
	height: 100%;
	margin: 0;
	padding: 0; 
}

 a {
    color: #CC0000;
	font-weight: bold;
    text-decoration: none;
}

/*ancre au survol*/
 a:hover {
    color: #DD6611;
	font-weight: bold;
    text-decoration: underline;
}


input {
border:1px solid #c9e5f4;
background-color:#f5feff;
font-family:Trebuchet MS,sans-serif;
}
label{
	color:#802121;
}


input[type=submit], input[type=reset] {
width: 136px;
height: 30px;
border:none;
 background:  url(img/benvoyer.png) no-repeat 0 0px;
cursor:pointer;
outline: 0;



}
input[type=submit]:hover, input[type=reset]:hover {
background:  url(img/benvoyer_over.png) no-repeat 0 0px; 


}
input[type=submit]:active, input[type=reset]:active {
background:  url(img/benvoyer_active.png) no-repeat 0 0px; 

} 


textarea {
border:1px solid #c9e5f4;
background-color:#f5feff;
font-family:Trebuchet MS,sans-serif;
}





#grifbottom {
	width:75px;
	height:75px;
	float:right;
	background-image:url(img/griffe.png);
	background-repeat:no-repeat;
}


#corpus {
	background-image:url(img/corpus.png);
	background-repeat:no-repeat;
	background-position:top right;
	position:absolute;
	float:right;
	z-index:1;
	width:100%;
	height:100%;
	margin: auto;
}
#code{
	background-image:url(img/code.png);
	background-repeat:repeat-x;
	background-position:top right;
	position:absolute;
	float:left;
	top:260px;
	z-index:1;
	width:70%;
	height:354px;
	margin: auto;
}


#flashmenu {
	position:relative;
	top:0px;
	left:20px;
	z-index:6;
	 /*  border: 1px #FF0000 solid;  */
}
#flashview_div {
	position:relative;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:5; 
}


#logo{
	height:200px;
	text-align:center;
	vertical-align:bottom;
	border: 1px #1100FF solid; 
}








.img_c{
	text-align:center;
}
.img_d{
	text-align:right;
}
.img_g{
	text-align:left;
}	
.img_d_f{
	float:right;
}
.img_g_f{
	float:left;
}


.img_c_f{
	float:center;
}


.img_ss_b{
	border:0px solid #223A56;

}
.img_ss_b a{
	border:0px solid #223A56;

}








.topdeg {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:768px;
	z-index:2;

	background-image:url(img/bg_deg.png);
	background-repeat:repeat-x;
}




/*Panneau  : contours*/
.panel_hg{
	background-image:url(img/panel_hg.png);
	background-repeat:no-repeat;
}
.panel_hc{
	background-image:url(img/panel_hc.gif);
	background-repeat:repeat-x;
}
.panel_hd{
	background-image:url(img/panel_hd.png);
	background-repeat:no-repeat;
}
.panel_mg{
	background-image:url(img/panel_mg.gif);
	background-repeat:repeat-y;
}
.panel_md{
	background-image:url(img/panel_md.gif);
	background-repeat:repeat-y;
}

.panel_bg{
	background-image:url(img/panel_bg.png);
	background-repeat:no-repeat;
}
.panel_bc{
	background-image:url(img/panel_bc.gif);
	background-repeat:repeat-x;
}
.panel_bd{
	background-image:url(img/panel_bd.png);
	background-repeat:no-repeat;
}





/*Panneau News : entete billet*/
.fondnewsbann{
	padding: 0px;
	background-color: #e4ebf2;
	vertical-align:middle;
}

/*Panneau News : entete */



.newsbann_g{
width:21px;
	background-image:url(img/newsbann_g.gif);
	background-repeat:no-repeat;
	background-position : center right;
}
.newsbann_c{
	
	background-image:url(img/newsbann_c.gif);
	background-repeat:repeat-x;

}
.newsbann_d{
	width:359px;
	background-image:url(img/newsbann_d.gif);
	background-repeat:no-repeat;
	background-position : center left;
}

.news_titre{
	position:relative;
	top:5px;
	height:0px;
	vertical-align:middle;
	text-align:left;
    padding-right: 10px;
    padding-left: 10px;
	color: #802121;
	font-weight: bold;
	font-size: 15px;
	font-family: Times New Roman, Verdana, Arial, Helvetica, sans-serif;
	
}

.news_date{

	padding-right: 10px;
	padding-left: 10px;
	color: #8f5352;
	font-weight: normal;
	font-size: 10px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	float: right;
}




/*Panneau News : texte entree*/
.news_texte{
	padding-top: 20px;
    padding-right: 50px;
    padding-bottom: 20px;
    padding-left: 50px;
	text-align:left;
	background-color: #e4ebf2;
	color: #4b1f1a;
	font-weight: normal;
	font-size: 13px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;


}





.cartouche{
	text-align:center;
	vertical-align:middle;
	background-image:url(img/panel_hc.gif);
	background-repeat:repeat-x;
	background-position : top center;
	background-color: #e4ebf2;
	color: #081845;
	font-weight: normal;
	font-size: 11px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
.cartouche_g{
	
	background-image:url(img/cartouch_g.png);
	background-repeat:no-repeat;
	background-position : top right;
}
.cartouche_d{
	
	background-image:url(img/cartouch_d.png);
	background-repeat:no-repeat;
	background-position : top left;
}



.nav_c{
	height:30px;
	background-image:url(img/bmenu_c.gif);
	background-repeat:repeat-x;
	background-position : center center;
	/* background-color: #fbfff2; */
	
    padding-right: 10px;
    padding-left: 10px;
	
	color: #081845;
	font-weight: normal;
	font-size: 13px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	vertical-align:middle;
}
.nav_g{
	width:20px;
	height:30px;
	background-image:url(img/bmenu_g.png);
	background-repeat:no-repeat;
	background-position : right center;
	/* background-color: #fbfff2; */

}


.nav_d{
	width:20px;
	height:30px;
	background-image:url(img/bmenu_d.gif);
	background-repeat:no-repeat;
	background-position : right center;
	/* background-color: #fbfff2; */
}


.nav_zone{
	position:relative;
	top:5px;
	height:0px;
	vertical-align:middle;
	text-align:left;
    padding-right: 4px;
    padding-left: 4px;
	font-weight: bold;
	font-size: 15px;
	font-family: Times New Roman, Verdana, Arial, Helvetica, sans-serif;
	
}

.nav_zone_g{
	width:21px;
	background-image:url(img/nav_zone_g.gif);
	background-repeat:no-repeat;
	background-position : center right;
}

.nav_zone_c{
	
	background-image:url(img/nav_zone_c.gif);
	background-repeat:repeat-x;

}
.nav_zone_d{
	width:359px;
	background-image:url(img/nav_zone_d.gif);
	background-repeat:no-repeat;
	background-position : center left;
}



.line_d{
	width:300px;
	height:5px;
	background-image:url(img/line_d.gif);
	background-repeat:no-repeat;
	background-position : center left;
}
.line_g{
	width:300px;
	height:5px;
	background-image:url(img/line_g.gif);
	background-repeat:no-repeat;
	background-position : center right;
}

.line_c{
	height:5px;
	background-image:url(img/line_c.gif);
	background-repeat:repeat-x;

}

.bapercu{
	float:right;
	height:50px;
	width:135px;
	background-image:url(img/bapercu.png);
	background-repeat:no-repeat;
	background-position : center;
}
.bapercu:hover{
	height:50px;
	width:135px;
	background-image:url(img/bapercu_over.png);
	background-repeat:no-repeat;
	background-position : center;
}
.bvoir{
	float:right;
	height:50px;
	width:135px;
	background-image:url(img/bvoir.png);
	background-repeat:no-repeat;
	background-position : center;
}
.bvoir:hover{
	height:50px;
	width:135px;
	background-image:url(img/bvoir_over.png);
	background-repeat:no-repeat;
	background-position : center;
}
.bsite{
	float:right;
	height:50px;
	width:135px;
	background-image:url(img/bsite.png);
	background-repeat:no-repeat;
	background-position : center;
}
.bsite:hover{
	height:50px;
	width:135px;
	background-image:url(img/bsite_over.png);
	background-repeat:no-repeat;
	background-position : center;
}
.bdownload{
	float:right;
	height:50px;
	width:135px;
	background-image:url(img/bdownload.png);
	background-repeat:no-repeat;
	background-position : center;
}
.bdownload:hover{
	height:50px;
	width:135px;
	background-image:url(img/bdownload_over.png);
	background-repeat:no-repeat;
	background-position : center;
}


.img_titre{

	font-weight: bold;
	font-size: 15px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #802121;

}

/*Panneau légende : contours*/
.leg_hg{
	height:10px;
	width:10px;
	background-image:url(img/leg_hg.png);
	background-repeat:no-repeat;
}
.leg_hc{
	height:10px;
	background-image:url(img/leg_hc.png);
	background-repeat:repeat-x;
}
.leg_hd{
	height:10px;
	width:10px;
	background-image:url(img/leg_hd.png);
	background-repeat:no-repeat;
}
.leg_mg{
	width:10px;
	background-image:url(img/leg_mg.png);
	background-repeat:repeat-y;
}
.leg_md{
	width:10px;
	background-image:url(img/leg_md.png);
	background-repeat:repeat-y;
}

.leg_bg{
	height:10px;
	width:10px;
	background-image:url(img/leg_bg.png);
	background-repeat:no-repeat;
}
.leg_bc{
	height:10px;
	background-image:url(img/leg_bc.png);
	background-repeat:repeat-x;
}
.leg_bd{
	height:10px;
	width:10px;
	background-image:url(img/leg_bd.png);
	background-repeat:no-repeat;
}


.leg_tx{

	font-weight: normal;
	font-size: 12px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #4b1f1a;
	background-color:#f5feff;

}


.img_cell{
	background-image:url(img/galmini.gif);
	background-repeat:no-repeat;
	background-position : center;
	text-align:center;
	vertical-align:middle;

}
.img_cell_sub{
	background-image:url(img/galminisub.gif);
	background-repeat:no-repeat;
	background-position : center;
	text-align:center;
	vertical-align:middle;

}

.cv_cat{
	text-align:right;
	padding-right:30px;
	font-weight: bold;
	font-size: 15px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #802121;

}
.cv_date{
	width:60px;
	vertical-align:top;
	text-align:right;
	font-weight: bold;
	font-size: 12px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #802121;

}
.cv_corps{

	font-weight: normal;
	font-size: 12px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #802121;

}




.spacer {
	background-image:url(img/spacer.gif);
}



#contenu {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:20px;
	z-index:5;
		 
}
.menu_html {
	position:relative;
	text-align: center;
	left:0px;
	top:100px;
	width:180px;
	
}