/* CSS Document */

/* #########################################corps de la page#########################################*/
body{
margin:0;
padding:0;
text-align:center;/* text align center pour centrer les elements de la page*/
background:url(../img/fond_page.jpg);
background-color:#3972a3;
background-position:top center;
background-repeat:no-repeat;
} 

.tab {
	width:100%;
	height:100%;

}

.tab2 {
	width:100%;

}

/*#########################################charte#########################################*/

a.vertical {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
a.vertical:hover {
	COLOR: #99CCCC;
}

.fond_body {
background:url(../img/body.jpg) no-repeat;
}
.bordure_noire {
	border: 2px solid #000000;
}


.bordure {
border:0px solid #FFFFFF;
}

div.menu {
}/* zone du menu*/
address {
}/* balise adress*/

/*#########################################intégration#########################################*/
div#wrapper {/* Element devant contenir la div integration, replace les elements à gauche, ,ne rien modifier*/
text-align:left; 
width:900px; 
height:100%; 
margin:0 auto;
}
div#tce {
background-image: url(../img/vignette_tce.jpg);
}


div#integration {/*la div intégration  */
font: 13px "Trebuchet MS";  
padding: 5px;
padding-left:75px;
padding-right:75px;
color: #163B4E;
}

div#hautdepage {/*Pour le lien haut de page */
padding: 0px 15px 0px 150px;
font-size: 0.8em;
color: #2B628E;
font-family:tahoma;
text-align: left;
float: right;
}

div.encart1 { /*div laissée à l'usage d'un encart */
color: #FFFFFF;
background-color: #996699;
padding: 10px;
border: 1px solid #000000;
}
div.encart2 { /*div laissée à l'usage d'un second encart */
color: #FFFFFF;
background-color: #996699;
padding: 10px;
border: 1px solid #000000;
}

.clear {/*Pour que le paragraphe suivant un élément flottant ne s'imbrique pas dans l'espace laissé libre*/
 clear:both;
 }

.txt1 {/*mise en forme d'un paragraphe*/
 color:#000000;
 }
.txt2 {/*mise en forme d'un paragraphe*/
 color:#000000;
 }
.txt3 {/*mise en forme d'un paragraphe*/
 color:#000000;
 }


cite {/* Pour mettre en forme un texte ou une citation compris dans la balise cite ( par defaut en italique) */
}

.element_liste {/* pour les listes à puces principales */
list-style-image:url(../img/puce.gif);
}
.element_liste ul {/* pour les listes à puces contenues dans une liste principale */
list-style-image:url(../img/puce2.gif);
}

.element_flottant_droite {/* image ou flash en float à droite*/
float: right; 
margin-right:10px;
}
.element_flottant_gauche {/* image ou flash en float à gauche*/
float: left; 
margin-left:10px;
}

.bordure_flash {/*Pour les bordures des animations flash, compatible firefox */
border: 1px solid #ffffff;
display:block;
}

/*-------------------------------------------*/

a {/*les liens  */
color:#CCCCCC;
}
a:hover {
color:#99CC33;
}

div.encart1 a {/*les liens contenus dans l'encart  */
color:#CCCCCC;
}
div.encart1 a:hover {
color:#99CC33;
}

/*-------------------------------------------*/

h1 {/*les titres  */
letter-spacing: 6px;
font-size:1.1em;
border-bottom:1px solid #ff6600;
text-align:right;
color: #000000;
}


h2 {
	color: #256acc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: underline;
}

.titre {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-attachment: fixed;
	background: url(../img/fond_titre.jpg) repeat-x left top;
	font-style: italic;
}
.important {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FF9900;
}

/*---------------------conteneur---------------------------------*/
div#conteneur {
	width: 740px;
	padding-left: 5px;
}
div#conteneur p {
	font:11px Geneva, Arial, Helvetica, sans-serif #369;
}

div#conteneur h1 span{
	display:none;
}
div#conteneur h2 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	display:block;
	border:1px solid #fff;
	width:350px;
	margin-left:190px;
	text-align:center;
	background: #678993;
	color: #FFFFFF;
}
div#conteneur h3 {
	background: #FFFFCC;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #678993;
	text-align: center;
}

p.effectifs {
	float: leftt;
	clear:left;
}
p.p1 {
	background-color:#038FDA;
	color:#FFFFFF;
	margin-bottom:0;
	width:460px;
	display:block;
	margin-left:140px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
}
.p2 {
	color:#000066;
	background: #79BEE7;
	margin-top:0;
	margin-bottom:0;
	margin-left:140px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	width:460px;
	display:block;
	list-style:none;
	font:11px Geneva, Arial, Helvetica, "sans-serif #369";
}
.p3 {
	color:#000066;
	background: #79BEE7;
	margin-top:0;
	margin-bottom:0;
	margin-left:50px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	width:460px;
	display:block;
	list-style:none;
	border:1px solid #fff;
	border-bottom:none;
	font-size: 12px;
}
p.p4 {
	font: bolder;
	color:#FFFFFF;
	margin-bottom:0;
	margin-top:0;
	width:460px;
	display:block;
	margin-left:50px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:0;
	border:1px solid #fff;
	border-top:none;
	background: #347C93 url(../img/bas.gif) no-repeat left bottom;
	font-size: 13px;
	
}
p.p5 {
	background-color:#038FDA;
	color:#FFFFFF;
	margin-bottom:0;
	width:540px;
	display:block;
	margin-left:15px;
	padding-left:5px;
}
p.p6 {
	color:#000066;
	background: #79BEE7;
	margin-top:0;
	margin-bottom:0;
	margin-left:15px;
	padding-left:5px;
	width:540px;
	display:block;
	list-style:none;
	font:11px Geneva, Arial, Helvetica, "sans-serif #369";
}
/*-------------------------------------------*/

/*---------------------Images---------------------------------*/
div.conteneurImg {
	display: block; 
	float: left; 
	background: url(../img/ombreportee.png) no-repeat right bottom!important; 
	background: url(../img/ombreportee.gif) no-repeat bottom right; 
	margin: 0 7px 0 10px !important; 
	margin: 10px 0 0 5px; 
} 
div.conteneurImg img { 
	display: block; 
	position: relative; 
	background-color: #fff; 
	border: 1px solid #666;
	margin: -20px 5px 5px -3px;  
	padding: 2px; 
} 
h1 {
	color: #018BD3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0085CE;
}
.element_flottant_droit {
	float: right;
	margin: 4px;
}


div.conteneurImg2 {
	display: block; 
	float: right; 
	background: url(../img/ombreportee.png) no-repeat right bottom!important; 
	background: url(../img/ombreportee.gif) no-repeat bottom right; 
	margin: 10px 7px 0 10px !important; 
	margin: 10px 10px 0 5px; 
} 

div.conteneurImg2 img { 
	display: block; 
	position: relative; 
	background-color: #fff; 
	border: 1px solid #666;
	margin: -3px 5px 5px -3px;  
	padding: 2px; 
} 
.border_image {
	border: 1px solid #369;
}
.sps {
	background-color:#92C8EC;
	border:1px solid #369;
	text-align: center;
}
.sps td {
	border-left:1px solid #000;
	text-align:center;
}
.sps td .couleur1 {
	background-color:#FFFFCC;
}
a:link {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #0272C4;
}
a:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #8BC1F0;
}
a:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #678993;
}

.tableau1 {
	border: 1px dashed #000000;
}
.tableau1 th{
	color: #026CA6;
	font-size: 14px;
}
.tableau1 td{
	color: #000000;
	font-size: 13px;
	text-align: left;
	padding-left: 10px;
}.tableau2 {
	border: 1px dashed #FFFFFF;
	background-color: #FFFFFF;
}
.tableau2 th{
	color: #FFFFFF;
	background-color: #026CA6;
	font-size: 14px;
}
.tableau2 td{
	color: #0073C3;
	font-size: 12px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.tableau2 td a{
	color: #0072C2;
	font-size: 12px;
	text-align: left;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.tableau2 td a:hover{
	color: #3A7386;
	font-size: 12px;
	text-align: left;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.tableau2 td a:active{
	color: #38758A;
	font-size: 12px;
	text-align: left;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.tableau2 td a:visited{
	color: #39778C;
	font-size: 12px;
	text-align: left;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#hautdepage {/*Pour le lien haut de page */
	padding: 0px 15px 0px 150px;
	font-size: 11px;
	color: #2B628E;
	font-family:tahoma;
	text-align: left;
	float: right;
}

.bordure_flash {/*Pour les bordures des animations flash, compatible firefox */
	border: 2px solid #000000;
	display:block;
}

.bordure_tableau {/* Pour appliquer une bordure à un tableau*/

}

table td {/*tailles de la police dans les tableaux si rien de précisé */
font-size: 13px;
}
th {/*intitulés des tableaux si rien de précisé*/
}

.formulaire td { /*couleur du texte des énoncés du formulaire*/
color:#000000;
}
.formulaire input, textarea, select {/* couleur de texte et de fond des input, select et textaera*/
color:#000000;
background-color: #ffffff;
}

.transparent {/*permet l'effet de transparence*/
filter:alpha(opacity=60);  
-moz-opacity:0.60;
opacity: 0.60;}



.tableau_vignette  a img { /* pour créer un effet de rollover sur une vignette*/
border: 2px solid #DC942E;
}	

.tableau_vignette a:hover img{
border: 2px solid #fff
}

.mention {font-style: italic; font-size:10px;}/*Pour le txt en fin de formulaire*/

#liens_bas {
margin:0 auto;
text-align:center;
font-size: 9px;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#liens_bas a { 
color:#FFFFFF;
}

#liens_bas a:hover { 
color:#6699FF;
}

.titre	{
	margin-left:190px;
	margin-top:10px;
}
.tableau_ref{
color:#999999}

.tableau_ref td{
color:#999999}
.tableau_ref td a{
color: #CCCCCC}
.tableau_ref td a:hover{
color: #999999}