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




/*-----------------------------  DÉFINITION GÉRALES  ----------------------------*/

body{
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
overflow:hidden;
background-color:#bab3a9;
}


a:link{
color:#BE1E2D;
text-decoration:none;
font-size:12px;
cursor:pointer;
}

a:visited{
color:#BE1E2D;
font-size:12px;
text-decoration:none;
}

a:hover{
color:#FC2B45;
text-decoration:underline;
cursor:pointer;
}

h1{
margin:0;
padding:0;
}

h2.titre_index{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:18px;
color:#a71f23;
}

h2.titre_actu{
font-size:18px;
margin:5px 0 5px 10px;
color:#a71f23;
font-weight:normal;
}

h2{
margin:0 0 5px 0;
font-size:14px;
font-weight:bold;
}

h3{
margin:15px 0 0 0;
font-size:12px;
font-weight:bold;
}

a img{border:0;}


p{margin:0 0 10px 0;}




/*--------------------------------  FRAME  -------------------------------*/

#site_container{
height:100%;
}

#trame{
background-position:top left;
position:absolute;
top:0;
left:0;
z-index:5;
background-image:url(images/trame.png);
background-repeat:repeat;
width:100%;
height:100%;
}

#mosaique{
position:absolute;
top:0;
left:0;
z-index:7;
width:100%;
height:100%;
}

#mosaique img.left_mos{float:left;}

#mosaique img.right_mos{float:right;}

#container{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:10;
}

#contenu_container{
width:898px;
height:550px;
margin:0 auto;
}

#contenu{
width:850px;
height:550px;
float:left;
}

#top_cropmarks{
background-image:url(images/top_cropmarks.png);
background-position:bottom;
background-repeat:no-repeat;
width:898px;
height:45px;
margin:0 auto;
}

#bottom_cropmarks{
background-image:url(images/bottom_cropmarks.png);
background-repeat:no-repeat;
width:898px;
height:25px;
margin:0 auto;
}

img#left{
float:left;
margin-right:8px;
}

img#right{float:right;}



/*--------------------------------  NAVIGATION  -------------------------------*/


#header{
height:61px;
background-image:url(images/header.jpg);
background-repeat:no-repeat;
}

#header a img{
float:left;
}

#header ul{
margin:25px 28px 0 0;
padding:0;
list-style-type:none;
float:right;
}

#header li{
float:left;
padding:0 0 0 10px;
}

#header a{
color:#000000;
font-family:Arial, sans-serif;
}

#header a:visited{
color:#000000;
}

#header a:hover{
color:#666666;
}

#header a.current{
color:#666666;
font-weight:bold;
text-decoration:underline;
}

#header a.current:visited{
color:#666666;
}


#navig{
width:850px;
height:37px;
background-image:url(images/fond_navig.png);
background-repeat:repeat-x;
}

#header a.current{
font-weight:bold;
font-size:12px;
}

.navig_label{
display:none;
}

a#btn_transfert{
display:block;
width:148px;
height:21px;
background-image:url(images/transfert-fichiers.png);
background-repeat:no-repeat;
padding:7px 0 0 37px;
margin-top:-5px;
text-align:left;
}

#contenu #header a#btn_transfert.current{
text-decoration:none;
font-weight:normal;
background-position:0 -28px;
color:#FFFFFF;
}

#contenu #header a#btn_transfert:hover{
background-position:0 -28px;
color:#ffffff;
text-decoration:none;
}



/*-----------------------------------------   MENU DÉROULANT   -------------------------------------*/

#sddm{	
	margin: 0 0 0 28px;
	padding: 0;
	z-index: 20;
}


#sddm li{	
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}	
	
#sddm li a.navig0{	
	display: block;
	width:175px;
	height:30px;
	background-image:url(images/navig0.gif);
	background-repeat:no-repeat;
	background-position:top right;
}


#sddm li a.navig1{	
	display: block;
	width:131px;
	height:30px;
	background-image:url(images/navig1.gif);
	background-repeat:no-repeat;
	background-position:top right;
}
	
	
#sddm li a.navig2{	
	display: block;
	width:132px;
	height:30px;
	background-image:url(images/navig2.gif);
	background-repeat:no-repeat;
	background-position:top right;
}
	
	
#sddm li a.navig3{	
	display: block;
	width:175px;
	height:30px;
	background-image:url(images/navig3.gif);
	background-repeat:no-repeat;
	background-position:top right;
}	
	
#sddm li a.navig4{	
	display: block;
	width:131px;
	height:30px;
	background-image:url(images/navig4.gif);
	background-repeat:no-repeat;
	background-position:top right;
}	
		

#sddm li a.navig0:hover{background-position:-2px -30px;}

#sddm li a.navig1:hover{background-position:-2px -30px;}

#sddm li a.navig2:hover{background-position:-1px -30px;}

#sddm li a.navig3:hover{background-position:-2px -30px;}

#sddm li a.navig4:hover{background-position:-2px -30px;}

#sddm li a.current{background-position:-1px -30px;}

#sddm li a.current2{background-position:-2px -30px;}


#sddm div{	
	position: absolute;
	visibility: hidden;
	margin-top: 0;
	padding: 0;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	width:215px;
	
}

#sddm div a{	
	position: relative;
	display: block;
	margin: 0;
	padding: 5px 30px 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	color:#ffffff;
	background: #4e4e4e;
	font-size:12px;
	font-weight:normal;
	font-family:Arial, sans-serif;
	
}

#sddm div a:hover{	
	background: #BE1E2D;
	text-decoration:none;
}




/*-----------------------------------------   CONTENU   -------------------------------------*/


#infos{
width:779px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-top: 10px;
text-align:left;
}

#infos ul{
margin:0 0 10px 0;
padding:0;
list-style-type:disc;
}


#infos li{
margin:5px 0 0 15px;
}


#infos ul ul{
padding-left:15px;
margin-bottom:10px;
margin-top:5px;
list-style-type:circle;
}

#pre_infos_container{
width:850px;
height:188px;
background-image:url(images/visuel-reprografic.png);
background-repeat:no-repeat;
overflow:auto;
float:left;
}

#infos_container_index{
width:850px;
height:265px;
background-image:url(images/fond_blanc.png);
background-repeat:repeat;
overflow:auto;
float:left;
}

#infos_container{
width:850px;
height:453px;
background-image:url(images/fond_blanc.png);
background-repeat:repeat;
overflow:auto;
float:left;
}

.colonne_gauche{
width:369px;
float:left;
margin-top:20px;
}

.colonne_droite{
width:369px;
float:right;
margin-top:20px;
}

.colonne_gauche2{
width:492px;
float:left;
margin-top:20px;
}

.colonne_droite2{
width:246px;
float:right;
margin-top:20px;
}

.colonne1de3{
width:233px;
margin-top:20px;
float:left;
}

.colonne2de3{
width:233px;
float:left;
margin-left:40px;
margin-top:20px;
}

.colonne3de3{
width:233px;
float:left;
margin-left:40px;
margin-top:20px;
}


.colonne{
margin-top:20px;
float:left;
}

img.thumbs{
margin:0 15px 20px 0;
padding:1px;
border:1px solid #BE1E2D;
}


img.affiche{
margin-right:14px;
float:left;
}

.titres_affiches{
width:115px;
margin:5px 14px 10px 0;
float:left;
text-align:left;
font-size:10px;
}

.titres_charge{
text-decoration:underline;
font-weight:bold;
}

a.portfolio{	
display: block;
width:180px;
height:30px;
background-image:url(images/portfolio.gif);
background-repeat:no-repeat;
background-position:top right;
}
	
a.portfolio:hover{background-position:0 -30px;}

a.participer{	
display: block;
width:133px;
height:29px;
background-image:url(images/participer.gif);
background-repeat:no-repeat;
background-position:top right;
}
	
a.participer:hover{	
background-position:0 -30px;
}

div.employe{
float:left;
width:70px;
height:70px;
}

.img_portfolio{
float:left;
width:85px;
height:85px;
border-top:1px solid #ffffff;
border-right:1px solid #ffffff;
}

.img_25e{
float:left;
width:96px;
height:96px;
border-top:1px solid #ffffff;
border-right:1px solid #ffffff;
}

.img_25e img{
width:96px;
height:96px;
}


.titre_info{
width:779px;
height:20px;
color:#FFFFFF;
background-image:url(images/fond_titre_form.gif);
background-repeat:repeat-x;
margin-bottom:20px;
margin-top:20px;
padding:3px 0 0 15px;;
}

.bas_vignette{
font-size:10px;
}


a.catalogue{
display: block;
width:180px;
height:30px;
background-image:url(images/catalogue.gif);
background-repeat:no-repeat;
background-position:top right;
}

a.catalogue:hover{background-position:0 -30px;}

.catalogue-infos{
height:160px;
}


#ftp_procedure{
width:350px;
float:left;
}

#java-warning{
position:absolute;
top:0;
left:0;
font-size:18px;
text-align:center;
padding:20px;
border:1px solid red;
}

body.page-soumission #java-warning,
body.page-soumission #java-warning a{
font-size:16px;
}
body.page-soumission #java-warning{
font-size:14px;
}

#java-warning a{
font-size:16px;
}

#ftp_jumploader{
position:absolute;
top:0;
left:0;
}

#soum_upload{
position:relative;
}

.bouton{
padding:8px 20px 6px 20px;
height:12px;
background-image:url(images/back_bouton.png);
background-repeat:repeat-x;
border:1px solid #000000;
text-decoration:none;
text-transform:uppercase;
color:#FFFFFF;
font-size:10px;
}

input.bouton{
font-size:10px;
}

.bouton.disabled{
background-position:0 -56px;
color:#EEEEEE;
}

textarea.disabled{
background-color:#DDDDDD;
}

.bouton.disabled:visited{
background-position:0 -56px;
color:#EEEEEE;
}

.bouton.disabled:hover{
background-position:0 -56px;
cursor:default;
color:#EEEEEE;
}

a.bouton{
font-size:10px;
color:#FFFFFF;
}

a.bouton:visited{
color:#FFFFFF;
}

.bouton:hover{
background-position:0 -28px;
text-decoration:none;
cursor:pointer;
}



/*-------------------------------   FORMULAIRES   -------------------------*/


table.tsoumission1{
font-size:10px;
}

table.tsoumission2{
font-size:10px;
}

table.tsoumission3{
font-size:10px;
}

table.tsoumission1 td{
padding:0 4px 8px 0;
}

table.tsoumission2 td{
padding:0 4px 8px 0;
}

input.text{
font-family:Arial, sans-serif;
font-size:11px;
background:#fff;
border:1px solid #000;
}

input.bouton{
padding:0 20px 0 20px;
height:29px;
}

textarea{
font-family:Arial, sans-serif;
font-size:10px;
background:#fff;
border:1px solid #000;
}

span.required{
color:#BE1E2D;
font-size:16px;
}

.titre_form{
width:779px;
height:20px;
color:#FFFFFF;
background-image:url(images/fond_titre_form.gif);
background-repeat:repeat-x;
margin-bottom:15px;
padding:3px 0 0 15px;
font-size:12px;
font-weight:normal;
}

.champs_form{
margin-bottom:10px;
}

#loading img{
margin:5px 0 5px 0;
}


#soum_jumploader{

}

#soum_directions{
width:280px;
float:left;
margin-right:20px;
font-size:12px;
}

#soum_upload{
width:400px;
float:left;
}

ul#soum_etapes{
list-style-type:none;
margin:20px 0 0 0;
padding:0;
}

ul#soum_etapes li{
float:left;
line-height:13px;
text-align:left;
font-size:15px;
padding-top:5px;
margin:0 40px 10px 0;
color:#999999;
}

ul#soum_etapes li.current{
font-weight:bold;
border-bottom:3px solid red;
color:#000000;
}

ul#soum_etapes li span.etape_titre{
font-size:11px;
}

.form_notice{
padding:5px;
background-color:#efefef;
border:1px solid #BE1E2D;
font-size:11px;
margin-bottom:15px;
}



/*------------------------- VALIDATION DU FORMULAIRE -----------------------*/

fieldset{border:none;}

label{display:block;}

fieldset p{margin-bottom:20px;}


.error{
z-index:99999;
border:1px solid red;
color:#ffffff;
padding:2px;
}

.page-soumission .error{
color:#000000;
}

.invalid,
input.invalid{border:1px solid red;}

#errors{
border:2px solid red;
background-color:#ffffff;
font-size:16px;
color:red;
padding:15px;
}

.error_fichier{
border:1px solid red;
}

#erreur_oui{width:80px;}




/*-------------------------- OVERLAY -------------------------*/


/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#444444;
	
	width:800px;	
	min-height:500px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}




/*-------------------------------   ZONE NOUVELLES ------------------------*/


#vedette{
float:left;
margin-left:20px;
}

#vedette_content{
width:258px;
height:185px;
padding:10px;
background-image:url(images/back-actualites.png);
background-repeat:no-repeat;
}

#vedette_content a{
display:block;
width:209px;
margin:0 auto;
}

#slide-show{}

#slide-images{
    position:relative;
    display:block;
    margin:0px;
    padding:0px;
    width:246px;
    height:151px;
    overflow:hidden;
}

#slide-images li{
    position:absolute;
    display:block;
    list-style-type:none;
    margin:0px;
    padding:0px;
    background-color:#FFFFFF;
}

#slide-images li img{
    display:block;
    background-color:#FFFFFF;
}





/*-------------------------------   IE6 PNG FIX   -------------------------*/

img, div { behavior: url(iepngfix.htc) }




/*------------------------------ Background display ----------------------*/

html,body,#bg,#bg table,#bg td{width:100%;height:100%;overflow:hidden}

#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}


/*------------------------------ Définition générale --------------------*/
.margin_bottom_plus{margin-bottom:20px;}

.margin_top_minus{margin-top:5px !important;width:480px;}