/******** CC 3 Frontieres *********/
/****** Standard *******/

BODY { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #2E4B63; margin: 0 0 0 0; background-color:#FFFFFF;}
P, TD, TEXTAREA { font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #2E4B63;}

img{
	border: none;
}

a {font-size: 12px; font-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif; color:#00A0C6; text-decoration:none;}
a:hover {color:#FFBF13; text-decoration:none;}
/*a:active {color:#96A5B1; text-decoration:none;}
a:visited {color:#00A0C6; text-decoration:none;}*/


HR{color: #00A0C6;}

INPUT {
font-family: Verdana, Arial, Helvetica, sans-serif; 
background-color: #FFFFFF;
font-size: 11px; color: #2E4B63; 
border: #397C91 solid 1px;
vertical-align:top;
padding-top: 3px;
}

select {  font-family: Arial, Helvetica, sans-serif; font-size: 11px;}

TEXTAREA {
font-family: Verdana, Arial, Helvetica, sans-serif; 
background-color: #FFFFFF;
font-size: 11px; color: #2E4B63; 
border: #397C91 solid 1px;
vertical-align:top;
padding-top: 3px;
}

TABLE {
margin-bottom: 10px;
}

/******************************************************************************* BLOCS CONTAINERS *********/


/** Container Global **/
#container{
/*background-color:#987645;*/
	width: 778px;
	text-align: left;
	/* pour rétablir l'alignement par défaut à gauche */
	margin: 0px auto;
	margin-top: 0;
	padding: 0 0 0 0px;
	display: block;
}

.ContainFlash{
width: 778px;
display: inline;
float: left;
background-color:#FF3300;
}

.ContainMenuHaut{
width: 778px;
height: 69px;
display: inline;
float: left;
background-image:url(../img/fond_menu_haut_bleu.jpg);
background-position:left top;
background-repeat: no-repeat;
margin-bottom: 5px;
}

.ContenuAccueil{
width: 778px;
display: inline;
float: left;
padding-bottom: 40px;
}

.BottomSpace40{
width: 778px;
height: 40px;
display: inline;
float: left;
}

.Contenu{
width: 593px;
display: inline;
float: left;
padding-bottom: 40px;
padding-left: 20px;
}
/******************************************************************************* FRANCAIS / DEUTSCH *********/

.Langues{
width: 768px;
display:inline;
float:left;
text-align:right;
padding-right: 10px;
}


/******************************************************************************* MENU HAUT *********/

.MenuHautGauche{
width: 518px;
display: inline;
float: left;
padding-left: 24px;
padding-right: 10px;
padding-top: 22px;
}

.MenuHautDroite{
width: 220px;
display: inline;
float: left;
padding-top: 22px;
}


/******************************************************************************* H1 & H2 & H3 *********/

H1 {
font-size: 18px;
font-weight: bold;
color: #0F4E82;
margin:0;
}

H3 {
font-size: 12px;
font-weight: bold;
color: 0F4E82;
margin:0 0 10px 0;
}

.TitresAccueil{
font-size: 18px;
background-image:url(../img/puce_titre_accueil.gif);
background-repeat:no-repeat;
font-weight: bold;
color: 0F4E82;
margin:0;
padding-left: 20px;
}


/******************************************************************************* NAVIGATION *********/

.ElementsMenuHaut{
font-weight: bold;
background-image: url(../img/fleche_menu_haut.gif);
background-position:left;
background-repeat: no-repeat;
padding-left: 12px;
margin-right: 10px;
}

.ElementsMenuHaut a{color: #00A0C6; font-weight: bold; text-decoration: none;}
.ElementsMenuHaut a:hover{color: #FFBF13; font-weight: bold; text-decoration: none;}
.ElementsMenuHaut a:active{color: #96A5B1; font-weight: bold; text-decoration: none;}
.ElementsMenuHaut a:visited{color: #96A5B1; font-weight: bold; text-decoration: none;}



.ElementsMenuBas{
background-image: url(../img/fleche_menu_bas.gif);
background-position:left;
background-repeat: no-repeat;
font-size: 10px;
padding-left: 7px;
margin-right: 7px;
}
.ElementsMenuBas a{color: #00A0C6; text-decoration: none;}
.ElementsMenuBas a:hover{color: #FFBF13; text-decoration: none;}
.ElementsMenuBas a:active{color: #96A5B1; text-decoration: none;}
.ElementsMenuBas a:visited{color: #96A5B1; text-decoration: none;}

.ElementsMenuBas2{
background-position:left;
background-repeat: no-repeat;
font-size: 11px;
padding-left: 7px;
margin-right: 7px;
}
.ElementsMenuBas2 a{color: #00A0C6; text-decoration: none;}
.ElementsMenuBas2 a:hover{color: #FFBF13; text-decoration: none;}
.ElementsMenuBas2 a:active{color: #96A5B1; text-decoration: none;}
.ElementsMenuBas2 a:visited{color: #96A5B1; text-decoration: none;}


.ContainNavGauche{
width: 165px;
display: inline;
float: left;
}

.RetourImprim{
width: 778px;
display: inline;
float: left;
text-align: right;
margin-top: 5px;
}


.HautPage{
width: 573px;
display: inline;
float :left;
text-align: right;
background-image:url(../img/puce_bleue_fleche_haut.gif);
background-position:center right;
background-repeat:no-repeat;
padding-right: 20px;
}


.ContainNav a{color: #2E4B63; font-weight:normal; text-decoration:none;}
.ContainNav a:hover{color: #2E4B63; font-weight:normal; text-decoration:none;}
.ContainNav a:active{color: #2E4B63; font-weight:normal; text-decoration:none;}
.ContainNav a:visited{color: #2E4B63; font-weight:normal; text-decoration:none;}

/******************************************************************************* MILIEU *********/

.Milieu{
width: 778px;
display: inline;
float: left;
background-image:url(../img/lys.jpg);
background-position:top left;
background-repeat:no-repeat;
padding-bottom: 40px;
}

/******************************************************************************* ACTUALITES *********/

.ContainActu{
width: 354px;
display: inline;
float:left;
padding-left: 7px;
padding-right: 7px;
}

.ContainActuGlobal{
width: 593px;
display: inline;
float: left;
padding-bottom: 10px;
padding-top: 10px;
}

.ActuTextePetit{
width: 493px;
display: inline;
float:left;
padding-left: 12px;
}

.ActuTexteGrand{
width: 593px;
display: inline;
float:left;
}

.ActuPetiteImage{
width: 88px;
display: inline;
float: left;
}

.ActuTexteAccueil{
width: 252px;
display: inline;
float: left;
padding-left: 7px;
}

.ContainActu a{text-decoration: none; display :block;}
.ContainActu a:hover{background-color:#D6F0F7; display :block;}

.TexteAccueil{
width: 324px;
display: inline;
float: left;
padding-left: 20px;
}


.ActuDetailImage{
width: 180px;
display:inline;
float:left;
}

.ActuDetailPetitTexte{
width: 401px;
display:inline;
float:left;
padding-left:12px;
}

.ActuDetailGrandTexte{
width: 593px;
display:inline;
float:left;
}

.LireSuite{
font-weight: bold;
background-image: url(../img/fleche_menu_haut.gif);
background-position:center left;
background-repeat: no-repeat;
padding-left: 16px;
margin-right: 10px;
}

.LireSuite a{color: #00A0C6; font-weight: bold; text-decoration: none;}
.LireSuite a:hover{color: #00A0C6; font-weight: bold; text-decoration: none;}
.LireSuite a:active{color: #00A0C6; font-weight: bold; text-decoration: none;}
.LireSuite a:visited{color: #00A0C6; font-weight: bold; text-decoration: none;}


.NumerosPages{
width: 593px;
display:inline;
float:left;
text-align: center;
padding-top: 10px;
}

.Precedent{
width: 316px;
display:inline;
float:left;
text-align: right;
}

.Suivant{
width: 277px;
display:inline;
float:left;
text-align: center;
}

.MoisAnneesArchives {
width: 350px;
display: inline;
float: left;
padding-right: 5px;
padding-bottom: 10px;
}

.MoisAnneesArchives a{color: #666666; text-decoration: none;}
.MoisAnneesArchives a:hover{color: #2C6491; font-weight: bold; text-decoration: none;}
.MoisAnneesArchives a:active{color: #000000; font-weight: bold; text-decoration: none;}


/************************************************************************************************ RECRUTEMENT *********/
.Recrutement{
width: 593px;
display: inline;
float: left;
padding-bottom: 10px;
padding-top: 10px;
background-image:url(../img/fond_recrutement.gif);
background-position:bottom left;
background-repeat:repeat-x;
}

.Faq{
width: 593px;
display: inline;
float: left;
padding-bottom: 10px;
padding-top: 10px;
background-image:url(../img/faq.gif);
background-position:bottom left;
background-repeat:repeat-x;
}

/************************************************************************************************ FORMULAIRES *********/

.ContainerFormulaire {
width: 593px;
display: inline;
float: left;
margin-bottom: 10px;
}

.LibellesFormulaire {
width: 593px;
display: inline;
float: left;
margin-bottom: 10px;
background-color:#FAF7F0;
}

.FormulaireGauche {
width: 150px;
display: inline;
float: left;
text-align: right;
padding-top: 3px;
margin-top: 10px;
}

.FormulaireGauche2 {
width: 120px;
display: inline;
float: left;
padding-top: 3px;
margin-top: 10px;
}

.FormulaireDroite {
width: 433px;
display: inline;
float: left;
padding-left: 10px;
margin-top: 10px;
}

.FormulaireDroite2 {
width: 400px;
display: inline;
float: left;
padding-left: 10px;
margin-top: 10px;
}

.Erreur {
color: #CC0000;
font-weight: bold;
}

.Validation {
color:#0099FF;
font-weight: bold;
}

.RecommanderOk{
width: 593px;
display: inline;
float: left;
margin-bottom: 20px;
}

.VotreRecherche{
width: 120px;
display: inline;
float: left;
}

.VotreRecherche2{
width: 473px;
display: inline;
float: left;
}

/************************************************************************************************** DOSSIERS  *********/
.Dossiers{
	width: 540px;
	display: inline;
	float: left;
	font-weight:normal;
	/*border-bottom: #FFD65A solid 1px;*/
	margin-bottom: 10px;
}

.Dossiers ul li{
	list-style: none;
	padding: 4px 0 4px 20px;
	font-weight:normal;
	background: url(../img/dossier.gif) no-repeat 0 3px;
}

.Thematique{
width: 591px;
border: #00A0C6 solid 1px;
text-align:center;
display: inline;
float: left;
padding-bottom: 4px;
padding-top: 4px;
font-weight:bold;
}

.SousThematique{
width: 591px;
border: #00A0C6 dashed 1px;
/*border-top-style:dashed*/
text-align:center;
display: inline;
float: left;
padding-bottom: 4px;
padding-top: 4px;
font-weight:bold;
}
/************************************************************************************************** EFFACE & ENVOI  *********/

.Efface{
width: 80px;
border: none;
background-image:url(../img/effacer_0.gif);
background-position:left top;
background-repeat:no-repeat;
}

.Envoi{
width: 100px;
border: none;
background-image:url(../img/envoyer_0.gif);
background-position:left top;
background-repeat:no-repeat;
}
/************************************************************************************************** BLOC CONTACT *********/
.PhotoContact {
width: 100px;
display: inline;
float: left;
padding-right: 5px;
}

.TexteCivil {
width: 488px;
display: inline;
float: left;
}

.TexteComplement {
width: 593px;
display: inline;
float: left;
margin-top: 10px;
}


/******************************************************************************* RICH EDIT *********/

.Exergue{
font-size: 14px;
font-weight: bold;
color: #FF8313;
}

.Gras{
font-weight: bold;
}


/******************************************************************************* FOOTER *********/

.ContainFooter{
width: 778px;
display: inline;
float:left;
}

.LigneSep2px{
width: 778px;
height: 2px;
display: inline;
float: left;
background-color:#00A0C6;
}

.MenusBas{
width: 778px;
display: inline;
float:left;
padding-top: 5px;
}

.LogoKozak{
width: 778px;
display: inline;
float: left;
text-align:right;
}

/******************************************************************************* FOOTER NEWSLETTER *********/

.MenusBas2{
width: 778px;
display: inline;
float:left;
padding-top: 5px;
text-align: center;
}
/******************************************************************************* PUCES *********/

.PuceBleueFlecheGauche li{
background-image:url(../img/puce_bleue_fleche_droite.gif);
background-position:center left;
background-repeat:no-repeat;
padding-left: 20px;
list-style: none;
}


/******************************************************************************* CONTENU *********/

.Bread{
width: 593px;
color: #00A0C6;
font-weight: bold;
display: inline;
float: left;
}

.Bread a{font-weight: normal; color: #2C6491; text-decoration: underline;}
.Bread a:hover{color: #2C6491; text-decoration: none;}
.Bread a:active{color: #2C6491; text-decoration: underline;}
.Bread a:visited{color: #2C6491; text-decoration: underline;}


.Retour{
background-image:url(../img/puce_bleue_fleche_gauche.gif);
background-position:center left;
background-repeat:no-repeat;
padding-left: 20px;
margin-right: 20px;
}

.Imprimer{
background-image:url(../img/puce_imprimer.gif);
background-position:bottom left;
background-repeat:no-repeat;
padding-left: 25px;
}

.Radio{
border: #FFFFFF;}


/************* navigation gauche **********************/

.ContainNav{
width: 165px;
display: inline;
float: left;
text-align:center;
}

.Top{
width: 165px;
height: 23px;
background-image:url(../img/nav_top_bleu_fonce.jpg);
background-position:top left;
background-repeat:no-repeat;
display: inline;
float: left;
}

.Bottom{
width: 165px;
height: 22px;
background-image:url(../img/nav_bottom_bleu_fonce.jpg);
background-position:top left;
background-repeat:no-repeat;
display: inline;
float: left;
}

.Niveau1{
width: 165px;
display: inline;
float: left;
background-image:url(../img/nav_bleu_fonce_nv1.jpg);
background-color: #2E8DEB;
background-position:top left;
background-repeat:no-repeat;
font-size: 11px;

}

.Niveau1 a, .Niveau1 a:visited, .Niveau1 a:hover{ color: #25547A; display: block; padding: 5px 25px 5px 5px; width: 135px; font-size: 11px;}


.Niveau1 a:hover{color:#FFFFFF; background-image:url(../img/nav_bleu_fonce_nv1_rollover.jpg); background-color:#1A77D6; background-position:left top; background-repeat:no-repeat;}

.Niveau1Develop{
width: 165px;
display: inline;
float: left;
background-image:url(../img/nav_bleu_fonce_nv1_developpe.jpg);
background-color: #2E8DEB;
background-position:top left;
background-repeat:no-repeat;
font-size: 11px;
}

.Niveau1Develop a, .Niveau1Develop a:visited{color: #25547A; display: block; padding: 5px 25px 5px 5px; width: 135px; font-size: 11px;}
.Niveau1Develop a:hover{color: #FFFFFF;}


.Niveau2 a, .Niveau2 a:hover, .Niveau2 a:visited{
	padding: 3px 3px 3px 3px;
	color: #25547A;
	background:#8EBFF0;
	border-bottom: #2382E1 solid 1px;
	width: 159px;
	display: block;
	font-size: 11px;
} 

.Niveau2 a:hover{
	color: #FFFFFF;
	background:#2382E1;
} 

.Niveau3 a, .Niveau3 a:hover, .Niveau3 a:visited{
	padding: 3px 3px 3px 3px;
	color: #25547A;
	background:#C2DDF8;
	width: 159px;
	display: block;
	font-size: 11px;
} 

.Niveau3 a:hover{
	color: #FFFFFF;
	background:#8EBFF0;
} 


H1{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
background-position:left top;
background-repeat:no-repeat;
padding-left: 50px;
padding-top: 20px;
margin-left: -10px;
padding-bottom: 10px;
display: inline;
float: left;
width: 553px;
color: #0F4E82;
background-image: url(../img/h1_grosse_puce_bleu_fonce.gif);
}

H2{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight: bold;
background-position:left top;
background-repeat:no-repeat;
padding-left: 22px;
color: #0F4E82;
background-image: url(../img/H2_puce_bleu_fonce.gif);
}

.EnSavoirPlus{
	font-weight: bold;
}