/* CSS for three column layout with absolutely positioned side columns and header */
/* from the book Stylin' by Charles Wyke-Smith publsihed by New Riders */


body {margin:0; padding:0; font: 1.0em verdana, arial, sans-serif; background-color:#F7F5F0;}
div#container {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:955px;
	background-color:#D7D1BD;
}

/* Bandeau principal du document */
div#header {background-color:#D7D1BD; text-align:center;
	background-image: url(../images/fond_content_haut.gif);
	background-repeat: repeat-y;
	background-position: -1px;
}

div#header_bandeau {
	line-height:0px;
}

div#header_bandeau div#droite{
	position:absolute;
	text-align:right;
	top:0px;
	right:0px;
	z-index:2;
	margin:0;
	padding:0;
}

img#IUT_visuel2{
	//margin-top:-3px;
}

div#header_bandeau div#gauche{
	position:absolute;
	text-align:left;
	top:0px;
	left:0px;
	z-index:1;
	width:955px;
	background-color: #FFFFFF;
}

div#header_menu_principal {
	position:absolute;
	top:200px;
	left:0px;
	z-index:4;
	text-align:left;
	width:620px;
	height:68px;
}
div#header_boutons {
	position:absolute;
	top:200px;
	right:0px;
	height:68px;
	z-index:3;
	width:955px;
	text-align:right;
	background-color: #FFFFFF;
	background-image: url(../images/fond_boutons_droite_f2.jpg);
	background-position: right top;
	list-style-type:none;
	background-repeat: no-repeat;
}

div#header_boutons img{
padding:10px 10px 0 0;
}

/* Contenus bloc droit */
div#contenus_droits {
	list-style-type:none;
	color: #FFFFFF;
	margin:0px 0px 0px 532px;
	font-size: 12px;
	padding:270px 0 0 0;
	}
div#contenus_droits a{
font-weight: 600;
color: #FFFFFF;	
}

div#contenus_droits div#titre {padding:20px 0px 20px 20px; vertical-align: middle; background-color: #9A1821;}
div#contenus_droits div#texte_titre {padding:20px 0px 20px 20px; background-color: #6A0D14; font-size: 13px;}
div#contenus_droits div#texte_titre strong{ font-size: 16px; font-weight: 600;}
div#contenus_droits div#sstitre {padding:20px; background-color: #86131C;}
div#contenus_droits div#sstitre1 {padding:5px; background-color: #86131C;}
div#contenus_droits div#texte_sstitre {padding:20px; background-color: #9A1821;}
div#contenus_droits div#texte_sstitre1 {padding:5px 0px  5px 0px; background-color: #9A1821;text-align:center;}
div#contenus_droits div#image_info { float:right; padding:10px 0px 0px 20px; }
div#contenus_droits div#image_info img {}
div#contenus_droits div#image_info2 { float:left; padding:0px 0px 0px 20px; }
div#contenus_droits div#image_info2 img {}



div#contenus_gauche {
	position:absolute; 
	left:0px;
	top:268px;
    width:532px;
	height:305px;
	list-style-type:none;
	color: #222222;

}

div#contenus_gauche li{
	padding:10px 0 0 0;
	text-align:left;
	float:left;
}

div#contenus_gauche a{
color:#222;
}

div#contenus_gauche div#col_top{
    width:532px;
	height:68px;
	background-color: #9A1822;
	background-image: url(../images/bandeau_candidatures_f2.jpg);
	background-repeat: no-repeat;
	background-position: 0px;
	list-style-type:none;
}

div#contenus_gauche div#col_top a:hover{
text-decoration:none;
}

div#contenus_gauche div#col_gauche{
	/*position:absolute; */
	left:0px;
	top:68px;
    width:255px;
	height:235px;
    background-color: #FFFFFF;
	margin-top:0px;
    margin-right:277px;
	padding:15px 20px 0 20px;
	list-style-type:none;
	/*font-size: 0.88em;*/
}

div#contenus_gauche div#col_droit{
	position:absolute; 
	left:255px;
	top:68px;
	width:237px;
	height:235px;
	background-color: #EFEDE5;
	padding:15px 20px 0 20px;
}

div#contenus_gauche div#col_gauche2{
	position:absolute;
	left:0px;
	top:370px;
    width:213px;
	height:30px;
    background-color: #FFFFFF;
	padding:15px 20px 0 20px;
//	list-style-type:none;
//	margin-top:0px;
//  margin-right:255px;
}
div#contenus_gauche div#col_gauche2 p {
padding:5px  0 25px 0;
font-size: x-small;
}
div#contenus_gauche div#col_gauche2 img {
float:left;
padding:0 15px 0 8px ;
}

div#contenus_gauche div#col_droit2{
	position:absolute; 
	left:255px;
	top:320px;
	width:237px;
	height:30px;
	background-color: #EFEDE5;
	padding:15px 20px 0 20px;
}
div#contenus_gauche div#col_droit2 p {
padding:0px  0 15px 0;
font-size: x-small;
}
div#contenus_gauche div#col_droit2 img {
float:left;
padding:0 10px 0 8px ;
}

div#contenus_gauche div#col_gauche img {
float:left;
padding:0 10px 0 0;
}

div#contenus_gauche div#col_gauche p {
padding:0 0 5px 0;
}

div#contenus_gauche div#col_droit img {
float:left;
padding:0 10px 0 0;
}

 /*styles for header - text-align centers graphic */

div#content {
	margin-right:auto;
	background-color: #9A1822;
	background-image: url(../images/fond_content.jpg);
	background-repeat: repeat-y;
	background-position: -1px 200px;
}
div#content div#mainimage {width:180px; float:left; margin:0 8px 4px 0;}
div#content p {font-size:.8em; margin-top:0; margin-bottom:.5em;}	
div#content li {font-size:.75em;}
div#content blockquote {}
div#content blockquote p {margin:0; font-style:italic;}


/*footer styles*/
div#footer {
	padding:4px 0px 4px 0;
	font-size:.8em;
	text-align:right;
	background-color:#9B8D5E;
	color:#FFFFFF;
	
	
					}
div#footer a{color:#FFFFFF;	text-decoration:none; }
div#footer a:hover{color:#6a0d14;	}

					
.general {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: 500;
	color: #9A1822;
	text-decoration: none;
	line-height:30px;
}

a {text-decoration:none;}
a:hover {text-decoration:underline;}

.supprfloat{clear:both;}
.sstitre {
	font-size: 12px;
	font-weight: bold;
	color: #86131C;
}

img{
border-style:none;
}
	/*   Styme boite a boutons de droite  */
ul#menuhd  {	/*background-color: #9A1822;*/}

ul#menuhd li {
	float: right;
	list-style-type: none;
	list-style-position:inside;
	text-indent:-10px;
	line-height: 0px;
	padding: 10px 15px 0 0;
}

ul#menuhd a {
	display: block;
	text-decoration: none;
}
ul#menuhd img {
	/*height: 32px;*/
	border: 0px;
}

#menuhd a#menuhd1       { background-image: url("../images/home.gif");background-repeat: no-repeat;}
#menuhd a#menuhd1:hover { background-image: url("../images/home_f2.gif");background-repeat: no-repeat;}

#menuhd a#menuhd2       { background-image: url("../images/mail.gif");background-repeat: no-repeat;}
#menuhd a#menuhd2:hover { background-image: url("../images/mail_f2.gif");background-repeat: no-repeat;}

#menuhd a#menuhd3       { background-image: url("../images/langue.gif");background-repeat: no-repeat;}
#menuhd a#menuhd3:hover { background-image: url("../images/langue_f2.gif");background-repeat: no-repeat;}

#menuhd a#menuhd4       { background-image: url("../images/plan.gif");background-repeat: no-repeat;}
#menuhd a#menuhd4:hover { background-image: url("../images/plan_f2.gif");background-repeat: no-repeat;}

#menuhd a#menuhd5       { background-image: url("../images/liens.gif");background-repeat: no-repeat;}
#menuhd a#menuhd5:hover { background-image: url("../images/liens_f2.gif");background-repeat: no-repeat;}

#menuhd a#menuhd6       { background-image: url("../images/plan_site.gif");background-repeat: no-repeat;}
#menuhd a#menuhd6:hover { background-image: url("../images/plan_site_f2.gif");background-repeat: no-repeat;}

#menuhd a#menuhd7       { background-image: url("../images/loupe.gif");background-repeat: no-repeat;}
#menuhd a#menuhd7:hover { background-image: url("../images/loupe_f2.gif");background-repeat: no-repeat;}


a#aidefoot       { background-image: url("../images/aide1.gif");background-repeat: no-repeat;}
a#aidefoot:hover { background-image: url("../images/aide2.gif");background-repeat: no-repeat;}