/* generalite
-------------------------------------------------------- */

h1{
	margin:0;
	margin-top:15px;
}

h2{
	margin:0px;
	line-height:10px;
}

h3{
	margin:0;
}
.bleuclair { color: #0069B5;} 
.milieu {   vertical-align: middle; display: inline;}
.droite { text-align: right;}

.bordure_gauche { background: #FFFFFF; width:0px; } /*blanc mais largeur 0 donc inexistant - ancienne valeur:22 */
.bordure_droite { background: #FFFFFF;  width:0px; } /*blanc mais largeur 0 donc inexistant - ancienne valeur:22 */
.background_gauche { background: #4B4C4D; } /*  ancienne valeur: #4B4C4D; */
.background_droite { background: #E0E0E0; } /*  ancienne valeur: #E7E7E9; */

body{
	margin: 0;
}

/* Accueil 
-------------------------------------------------------- */

.flash {
	width: 850px;
	position: relative; 
	z-index:1;
}
#menuaccueil{
	width: 850px;
	height: 19px;
	/*background: #090363;*/
	background: url(img/fond_degrade.jpg) no-repeat ;
	padding: 7px 0 7px 0;   /* position du texte dans le carré bleu  : top, right, bottom and left */
	color: #FFFFFF;       
	font-size: 13px; font-family: Helvetica;
	position: absolute;
	top: 419px;
	left: 50%;
	margin-left: -425px;
	z-index:10;
	text-align: center ;
}

/* Page principale                                                Elvire Serres
/* ---------------------------------------------------------------------------*/

#imagehaut_quisommesnous { height:114px;  background: url(img/i_quisommesnous.jpg) no-repeat ; }
#imagehaut_notre_offre   { height:114px;  background: url(img/i_notre_offre.jpg) no-repeat ; }
#imagehaut_recrutement   { height:114px;  background: url(img/i_recrutement.jpg) no-repeat ; }
#imagehaut_references    { height:114px;  background: url(img/i_references.jpg) no-repeat ; }
#imagehaut_actualite     { height:114px;  background: url(img/i_actualite.jpg) no-repeat ; }
#imagehaut_contact       { height:114px;  background: url(img/i_contact.jpg) no-repeat ; }


#conteneur { margin:0 auto; }
#wrap {overflow:hidden; text-align: left;}
#sidebar {float:left;  width:261px;}
#contenu {margin-left: 261px; margin-right: 5px;} /*5px*/

#footer { font-family: arial; font-size: 11px; font-weight: bold; color: #0069B5; text-decoration:none; text-align:right; margin-right: 5px;}
#footer a { font-family: arial; font-size: 11px; font-weight: bold; color: #0069B5; text-decoration:none; margin-right: 5px;}
#footer a:hover { font-family: arial; font-size: 11px; color: #666666; text-decoration:none; margin-right: 5px; }


/* Menu               fait par Elvire Serres
-------------------------------------------------------- */
#menu {
	width: 850px;
	/*background: #090363;*/
	background: url(img/fond_degrade.jpg) no-repeat ;
	padding: 7px 0 7px 0;   /* position du texte dans le carré bleu  : top, right, bottom and left */
	
	color: #FFFFFF;       
	font-size: 13px;
	font-family: Helvetica;
	/*
	font-family: Arial, Helvetica, Verdana,sans-serif;
	font-family: Helvetica, Arial, Verdana,sans-serif;
	font-family: Verdana, Arial, Helvetica,sans-serif;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-family: "Lucida Sans", "Lucida Grande", sans-serif;
	font-family: Tahoma, Kalimati, sans-serif;	
	*/	
}

	a.menu:link, a.menu:visited { font-size: 1em; color: white; text-decoration: none; }
	a.menu:hover { text-decoration: none; color: #0069B5; }
	a.menu:active, a.menu:focus { text-decoration: none; color: #0069B5;}

a.menuactif {
	color: #0069B5;       
	font-size: 13px;
	font-family: Helvetica;
	text-decoration: none;
	
}



/* Sous-menus                                                     Elvire Serres
/* ---------------------------------------------------------------------------*/
#blocsousmenu {
	width: 850px;
	background: url(img/fond_soustitres.jpg) no-repeat left bottom;
	padding: 5px 0 5px 0px;   /* position du texte dans le carré bleu  : top, right, bottom and left */
	text-align: left;
}

#gros_titre { 
	font-family: "Lucida Sans", Verdana, Helvetica, Arial; font-size: 30px; color: #FFFFFF; font-weight: normal;
	/*font-family: Helvetica; font-size: 30px; color: #FFFFFF; font-weight: 100;*/
	background: url(img/puce_soustitres.jpg) no-repeat 30px center ;
	padding: 0 0 0 65px;
	text-align: left;
	/*vertical-align: top;*/
	}

a.sousmenu:link, a.sousmenu:visited {
		background: url(img/fleche3.jpg) no-repeat;
		font-family: Arial, Helvetica, Verdana,sans-serif; font-size: 13px; font-weight: bold; color: white; 
		padding: 0 0 0 20px;
		line-height: 20px;
		text-decoration: none;
	}
a.sousmenu:hover { font-size: 13px; font-weight: bold; text-decoration: none; color: #090363;}
a.sousmenu:focus, a.sousmenu:active { font-size: 13px; font-weight: bold; text-decoration: none; color: #090363; }

.lienactif{
	background: url(img/fleche5.jpg) no-repeat;
	font-family: Arial, Helvetica, Verdana,sans-serif; font-size: 13px; font-weight: bold; color: #090363; 
	padding: 0 0 0 20px;
	text-decoration: none;
}




/* Format des textes et liens du contenu principal */
/* ---------------------------------------------------------------------------*/

.droite {
	text-align : right;
}


.titresousrubrique {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #0069B5;
	background: url(img/fleche1.gif) no-repeat;
	padding: 0 0 0 20px;		
}

.sousrubrique {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #0069B5;
}
.rouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: red;
	background: url(img/fleche1.gif) no-repeat;
	padding: 0 0 0 20px;		
}



.paragraphe {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	color: #333333;
	background: url(img/fleche2.gif) no-repeat 20px 0;
	padding: 0 0 0 40px;
}
.grostitrebleufonce {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 16px;
	font-weight: bold;
	color: #03235E;
}
.titrebleufonce {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
	color: #03235E;
}
.titrebleu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #0069B5;
}

.chapeau {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	font-weight: bold;
	color: #333333;
}
.texteresultat {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	color: #03235E;
}

.textenoir {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	color: #000000;
}

li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	color: #000000;
	margin-bottom:5px;
}

.textenoirpetit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #000000;
}
.textebleupetit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #0069B5;
}

.sousrubriqueblanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
}
.sousrubriquebleu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #09033F;
}

/******* Liens *****/

/*    bleu, qui se souligne lorsqu'on passe la souris dessus 
a. {font-family: Arial, Helvetica, sans-serif;color: #0069B5; text-decoration:none}
a:hover {font-family: Arial, Helvetica, sans-serif;color: #0069B5; text-decoration:underline}
*/

a.type1 { /*bleu roi*/
	font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #0069B5 ; text-decoration:none;}
a.type1:hover { /*gris*/
	font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #666666; text-decoration:none;}
a.type1actif { /*gris*/
	font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #666666; text-decoration:none;}

a.type2 { /*bleu roi*/
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal;  color: #0069B5 ; text-decoration:none;}
a.type2:hover { /*gris*/
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal;  color: #666666; text-decoration:none;}

/********* Manalis?  *********
a.type3 { /* orange 
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #F39E00; text-decoration:none;}
a.type3:hover { /* rouge brique 
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #AD0F20; text-decoration:none;}
*/

a.type4 {  /*blanc*/
	font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #FFFFFF; text-decoration:none;}
a.type4:hover {  /*bleu foncé*/
	font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #09033F; text-decoration:none;}
a.type4actif {  /*bleu foncé*/
	font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #09033F; text-decoration:none;}

a.pdf {  /*gris avec puce pdf*/
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;  color: #666666; text-decoration:none;
	display:block;
	line-height:28px;
	background: url(img/pdf_petit.png) no-repeat 30px 50%;
	padding: 0 0 0 70px;
}
a.pdf:hover {  /*bleu clair*/
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;  color: #0069B5; text-decoration:none ;
}


a.html { /* gris avec puce html*/
	font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; text-decoration:none;
	display:block;
	line-height:28px;
	background: url(img/i-html.jpg) no-repeat 30px 50%;
	padding: 0 0 0 70px;
}
a.html:hover { /* bleu clair */
	font-family: Arial, Helvetica, sans-serif; font-size: 13px;  color: #0069B5; text-decoration:none ;
}

a.mail { /* gris avec puce html*/
	font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; text-decoration:none;
	display:block;
	line-height:28px;
	background: url(img/i-mail.gif) no-repeat 30px 50%;
	padding: 0 0 0 70px;
}
a.mail:hover { /* bleu clair */
	font-family: Arial, Helvetica, sans-serif; font-size: 13px;  color: #0069B5; text-decoration:none ;
}


a.puce { /* gris avec puce fleche*/
	font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #666666; 
	text-decoration:none;
	/*height: 24px;*/
	display:block;
	background: url(img/fleche1.gif) no-repeat 30px 50%;
	padding: 0 0 0 60px;
}
a.puce:hover { /* bleu clair */
	font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #0069B5; text-decoration:none ;
}
a.puceactif { /* bleu clair */
	font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #0069B5; text-decoration:none ;
	display:block;
	background: url(img/fleche2.gif) no-repeat 30px 50%;
	padding: 0 0 0 60px;
}

/*****/
.sanspuce { /* gris sans puce mais décalé*/
	font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; text-decoration:none;
	padding: 0 0 0 70px;
	display:block;
}
.formation { /* gris */
	font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; text-decoration:none;
	padding: 0 0 0 70px;
	display:block;
	line-height:28px;
	background: url(img/i-formation.jpg) no-repeat 30px 50%;
}
.formation2 { /* gris */
	font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; text-decoration:none;
	padding: 0 0 0 70px;
	display:block;
	line-height:28px;
	background: url(img/i-formation2.jpg) no-repeat 30px 50%;
}

/*------------ boite au cadre carré ------------------------------*/

/* contour seulement */
.boitebleue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #03235E;
	border:1px solid #0069B5; /* couleur du cadre */
	text-align: center;
}

/* contour et interieur */
.boiteorange {
	background: url(img/fond_orange.png) no-repeat ;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
	color: #000000;
	text-align: center;
}

.contourorange {
	border: 1px orange solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #000000;
}

/*------------ boite au cadre arrondi ------------------------------*/
/* ******* couleurs dispos où les images existent:   ****************                
- bleu (grisé) : #6699CC
- bleu2 :        #0099CC
- bleuroi :      #0066CC
- bleutalisker:  #000066
- bleuclair:     #99ccff
- gris :         #cccccc
- grisclair :    #f0f0f0
- jauneclair :   #ffffcc
- jaune :        #ffff99
- marron :       #cc9933
*/

/* pour tous*/
.clear {font-size: 1px; height: 1px}

/* GRIS */
.SOgris {background: url(img/SOgris.jpg) -1px 100% no-repeat #cccccc; }
.SEgris {background: url(img/SEgris.jpg) 100% 100% no-repeat}
.NOgris {background: url(img/NOgris.jpg) 0 0 no-repeat}
.NEgris {background: url(img/NEgris.jpg) 100% 0 no-repeat; padding:10px}

/* GRIS clair */
.SOgrisclair {background: url(img/SOgrisclair.jpg) -1px 100% no-repeat #f0f0f0; }
.SEgrisclair {background: url(img/SEgrisclair.jpg) 100% 100% no-repeat}
.NOgrisclair {background: url(img/NOgrisclair.jpg) 0 0 no-repeat}
.NEgrisclair {background: url(img/NEgrisclair.jpg) 100% 0 no-repeat; padding:10px}
	

/* bleu   */
.SObleu {background: url(img/SObleu.jpg) -1px 100% no-repeat #6699CC; }
.SEbleu {background: url(img/SEbleu.jpg) 100% 100% no-repeat}
.NObleu {background: url(img/NObleu.jpg) 0 0 no-repeat}
.NEbleu {background: url(img/NEbleu.jpg) 100% 0 no-repeat; padding:10px}

/* bleu2   */
.SObleu2 {background: url(img/SObleu2.jpg) -1px 100% no-repeat #0099CC; }
.SEbleu2 {background: url(img/SEbleu2.jpg) 100% 100% no-repeat}
.NObleu2 {background: url(img/NObleu2.jpg) 0 0 no-repeat}
.NEbleu2 {background: url(img/NEbleu2.jpg) 100% 0 no-repeat; padding:10px}

/* bleuroi   */
.SObleuroi {background: url(img/SObleuroi.jpg) -1px 100% no-repeat #0066CC; }
.SEbleuroi {background: url(img/SEbleuroi.jpg) 100% 100% no-repeat}
.NObleuroi {background: url(img/NObleuroi.jpg) 0 0 no-repeat}
.NEbleuroi {background: url(img/NEbleuroi.jpg) 100% 0 no-repeat; padding:10px}

/* bleutalisker   */
.SObleutalisker {background: url(img/SObleutalisker.jpg) -1px 100% no-repeat #000066; }
.SEbleutalisker {background: url(img/SEbleutalisker.jpg) 100% 100% no-repeat}
.NObleutalisker {background: url(img/NObleutalisker.jpg) 0 0 no-repeat}
.NEbleutalisker {background: url(img/NEbleutalisker.jpg) 100% 0 no-repeat; padding:10px}

/* bleuclair   */
.SObleuclair {background: url(img/SObleuclair.jpg) -1px 100% no-repeat #99ccff;  }
.SEbleuclair {background: url(img/SEbleuclair.jpg) 100% 100% no-repeat}
.NObleuclair {background: url(img/NObleuclair.jpg) 0 0 no-repeat}
.NEbleuclair {background: url(img/NEbleuclair.jpg) 100% 0 no-repeat; padding:10px}

/* jauneclair   */
.SOjauneclair {background: url(img/SOjauneclair.jpg) -1px 100% no-repeat #ffffcc; }
.SEjauneclair {background: url(img/SEjauneclair.jpg) 100% 100% no-repeat}
.NOjauneclair {background: url(img/NOjauneclair.jpg) 0 0 no-repeat}
.NEjauneclair {background: url(img/NEjauneclair.jpg) 100% 0 no-repeat; padding:10px}

/* jaune   */
.SOjaune {background: url(img/SOjaune.jpg) -1px 100% no-repeat #ffff99;}
.SEjaune {background: url(img/SEjaune.jpg) 100% 100% no-repeat}
.NOjaune {background: url(img/NOjaune.jpg) 0 0 no-repeat}
.NEjaune {background: url(img/NEjaune.jpg) 100% 0 no-repeat; padding:10px}

/* marron   */
.SOmarron {background: url(img/SOmarron.jpg) -1px 100% no-repeat #cc9933; }
.SEmarron {background: url(img/SEmarron.jpg) 100% 100% no-repeat}
.NOmarron {background: url(img/NOmarron.jpg) 0 0 no-repeat}
.NEmarron {background: url(img/NEmarron.jpg) 100% 0 no-repeat; padding:10px}