/* 
Realisé par F-Webconcept
copyright 2012 Frederic AULA - http://www.f-webconcept.net - Tous droits reserves.
http://www.f-webconcept.net
Date de creation : 30/04/2007
Derniere modification : 12/1/2012 : Ce document est valide conformément à la recommandation CSS niveau 2 ! 
*/

/*generalité de mise en page*/

.block
{
background:#ffffff;
border-color:#CCCCCC;
width : 200px;
float: left;
border-style:solid;
padding:10px;
margin: 10px;
height: 200px;
vertical-align:middle;
text-align:center;
}

a img /* Toutes les images contenues dans un lien */
{
border: none; /* Pas de bordure */
}

.annotation
{
/*color:#999999;*/
color:#838383;
font-style:italic;
}

.spacer 
{
 clear: both;
}

.droite
{
text-align:right;
}

.intro
{
text-align:center;
}

.intro a:hover
{
color : #007aa1;
text-decoration:underline;
}

/*boite de dialogue*/

.erreur
{
margin:10px;
border: 1px solid #DEA3A3;
background-color: #FFEDE5;
text-align:justify;
padding:5px;
}

.erreur ul
{
   list-style-image: url("images/error.png");
}

.erreur a:hover
{
text-decoration:underline;
}

.ok
{
margin:10px;
border: 1px solid #4DFF2F;
background-color: #E4FFDF;
text-align:justify;
padding:5px;
}

.ok ul
{
list-style-image: url("images/success.png");
}

.ok a:hover
{
text-decoration:underline;
}

.froid
{
margin:10px;
border: 2px solid #00A3E2;
background-color: #ffffff;
text-align:left;
text-transform: uppercase;
color : #00A3E2;
}

.froid ul
{
list-style-image: url("images/froid.png");
}

.froid a:hover
{
text-decoration:underline;
}

.info
{
margin:10px;
border: 1px solid #8CC0F7;
background-color: #EDF4F8;
text-align:justify;
padding:5px;
}

.info ul

{

   list-style-image: url("images/info.png");

}



.info a:hover

{

text-decoration:underline;

}



/*debut du design */



body {
width : 790px;
margin : auto;
background-image: url("images/degrad.gif");
background-repeat: repeat-x;
background-attachment:fixed;
background-color : #ededed;
font-family: Verdana,sans-serif;
font-size: small;
color :#504c4c;
}



#form_connect

{

width : 495px;

float: right; /* Le logo flottera à gauche */

}



.troistiersgauche

{

width : 780px;

float: left; /*flottera a gauche */

background-color: #ffffff;

/* clear: both;*/

}



#deuxtiersgauche

{

width : 515px;

float: left; 

z-index:2;

background-color: #ffffff;

}

#tiersdroit

{

width : 235px;

float: right; /* flottera a droite*/

z-index:2;

margin-left:5px;

border-left:1px solid #81bed0;

padding-left:5px;

background-color: #ffffff;

}



#moitie_gauche

{

width : 375px;

float: left; 

z-index:2;

background-color: #ffffff;

}

#moitie_droite

{

width : 375px;

float: right; /* flottera a droite*/

z-index:2;

margin-left:5px;

border-left:1px solid #81bed0;

padding-left:5px;

background-color: #ffffff;

}



.dessous

{

   clear: both;

}





#page 

{

background-color : #ffffff;

}



#en_tete {

width : 248px;

height :200px;

float: left; /* Le logo flottera à gauche */

background-color : #ffffff;

z-index:2;



}

#remp

{

width : 533px;

height : 200px;

float: right; /* Le menu flottera à droite*/

text-align:center;

background-color : #ffffff;

z-index:2;

margin-right:5px;



}

/*menu 1*/

#menu

{

width : 790px;

height : 80px;

float: left; /* Le menu flottera à droite*/

text-align:center;

background-color : #ffffff;

z-index:2;

margin-right:5px;



}







#menu a:hover

{

color : #007aa1;

text-decoration:underline;

}



#main-menu {

margin:0;

bottom:0;

right:0;

white-space:nowrap;

font-size: 80%;

}



#main-menu li {

display:block;

float:left;

list-style-type:none;

margin-top:2px;

margin-right:1px;

margin-left:1px;

margin-bottom:30px;

padding:0;

text-transform: uppercase;

}



/*Les liens normaux*/

#main-menu a {

display:block;

float:left;

padding:10px 21px 10px 21px;

background:#fff;

border-bottom: 3px solid #CCCCCC;

color: #CCCCCC;

font-weight: normal;

text-decoration: none;

}



/*Les liens au survol et rubrique en cours*/

#main-menu a:hover, #main-menu #selected a {

color:#007AA1;

background: #ebebeb;

border-bottom: 3px solid #007AA1;

font-weight: normal;

text-decoration: none;

}

/*fin du menu 1 */



/*pagination*/

.pagination{

padding: 2px;

}



.pagination ul{

margin: 0;

padding: 0;

text-align: center; /*Set to "right" to right align pagination interface*/

}



.pagination li{

list-style-type: none;

display: inline;

padding-bottom: 1px;

}



.pagination a, .pagination a:visited{

padding: 0 5px;

border: 1px solid #007aa1;

text-decoration: none;

color: #007aa1;

}



.pagination a:hover, .pagination a:active{

border: 1px solid #2b66a5;

color: #ffffff;

background-color: #7DB7CA;

text-decoration:none;

}



.pagination li.currentpage{

font-weight: bold;

padding: 0 5px;

border: 1px solid #007aa1;

background-color: #007aa1;

color: #FFF;

}



.pagination li.disablepage{

padding: 0 5px;

border: 1px solid #929292;

color: #929292;

}



.pagination li.nextpage{

font-weight: bold;

}



* html .pagination li.currentpage, * html .pagination li.disablepage{ /*Pour bug IE6.*/

margin-right: 5px;

padding-right: 0;

}

/*fin pagination*/



/* corps */



#corps

{

width : 770px;

float: left; /*flottera a gauche */

z-index:2;

background-color : #ffffff;

padding-right:10px;

padding-left:10px;

padding-bottom:0px;

}



#corps h1

{

text-align:center;

font-size: x-large;

}



#corps h2

{

color:#007AA1;

font-size: large;

}



#corps h3

{

text-indent: 131px;

font-size:medium;

color:#328925;

text-decoration:none;

}



#corps h4

{

font-size: small;

font-weight:bold;

}



#corps a:active, a:focus, a:link, a 

{

color : #007aa1;

text-decoration:none;

}



#corps a:visited

{

color : #007aa1;

/*text-decoration:none;*/

}



a:hover

{

text-decoration:underline;

}

/*fin du corps */



/* bas de la page */



.copyright {



font-size: xx-small;

text-align : center;

color : black;

}



.copyright a:visited, a:active, a:focus, a 

{

color : #007aa1;

}

#bas

{

width : 790px;

float: left; /*flottera a gauche */

color : black;

text-align:center;

margin-top : 0px;

margin-bottom : 0px;

background-color : #ffffff;

z-index:2;

}



#bas a:visited, a:active, a:focus, a 

{

color : #007aa1;

text-decoration:none;

}



#bas a:hover

{

color : #007aa1;

text-decoration:underline;

}



#pied {

float: left; /*flottera a gauche */

height : 50px;

z-index:2;

} 



.tete_tab

{

color:#51a6ba;

/*background-color : #D9DADB;*/
background-color : #edf5f8;
text-align: center;

}





.orange { background-color: rgb(236, 118, 0); }

.noir { background-color: black;

color:white;}

.marron { background-color: maroon; }

.vertf { background-color: green; }

.olive { background-color: olive; }

.marine { background-color: navy; color:white; }

.violet { background-color: purple; }

.bleugris { background-color: teal; }

.argent { background-color: silver; }

.gris { background-color: rgb(100, 100, 100); }

.red { background-color: red; }

.vertc { background-color: lime; }

.jaune { background-color: yellow; }

.blue { background-color: blue; color:white;}

.rose { background-color: fuchsia; }

.turquoise { background-color: aqua; }

.blanc {background-color:white; }





.bleu{ color:#007aa1;}

.rouge { color: red; }

.rougeg { color: red;

font-weight:bold; }



.vert
{
	font-weight:bold;

	LETTER-SPACING: 0.8px;

	color:#75A458;
}

.elt_bleu2012
{
color: #85bcd0;
}


.puce_jaune

{

   list-style-image: url("images/puce_jaune.png");

}



.puce_bleu

{

   list-style-image: url("images/bouton.gif");

}



.pas_de_puce

{

	list-style-type:none;

}





.imageflottante

{

   float: left;

}



.titre_tableau_forum

{
color:#000000;
/*color:#ffffff;*/

/*background-color : #7DB7CA;*/
background-color : #edf5f8;
}



.ligne1_tableau
{
color:#000000;
/*background-color : #C5F4A7;*/

background-color : #ffffff;
}



.ligne2_tableau

{

color:#000000;
background-color : #edf5f8;
/*background-color:#eeeeee;*/

}



.ligne3_tableau

{

color:#000000;

/*background-color:#ECFFDF;*/
background-color : #edf5f8;
}

.tableau
{
 border-collapse:collapse;
}

th, td {
  border:1px solid #81bed0;

 }
 
cite

{

background-color:#ffffff;

display:block;

margin:5px;

padding:5px;

border:dashed 1px #000000;

 opacity: 0.5;

}



input[type=submit], input[type=reset] {
 border:1px solid #81bed0;
background: #81bed0;
color: white;
 }
input[type=submit]:hover, input[type=reset]:hover {
 border:1px solid #81bed0;
background: white;
color: #81bed0;
 }
input[type=submit]:active, input[type=reset]:active {
 border:1px solid #81bed0;


 }
 
 fieldset {
 border:1px solid #81bed0;
 }
 
 input {
 border:1px solid #81bed0;

 }
input[type=radio] {
 border:1px solid #81bed0;

 }
select, option {
 border:1px solid #81bed0;

 }
textarea {
 border:1px solid #81bed0;
 
 }
 
 
 
 #emploi_g

{
width : 578px;
float: left; 
margin:1px;
padding:1px;

}

#emploi_d
{
width : 180px;
float: right; 
margin:1px;
padding:1px;

}

hr { 
clear: both;
border: 0; /* enleve toute bordure */
border-bottom: 1px #81bed0 solid; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
height: 1px; /* pour IE */
}




.list_tab li span { 
 display:table-cell;
 width:650px;
 }
.list_tab li { /*pour l'alignement des puces*/
 list-style-image:none;
 list-style-type:none;
 padding-left:5px;
 }
 .list_tab li span + span {
width:550px;
text-align:right;
}
 
 .list_tab2 li span { 
 display:table-cell;
 width:150px;
 }
.list_tab2 li { /*pour l'alignement des puces*/
 list-style-image:none;
 list-style-type:none;
 padding-left:5px;
 }
 
  .list_tab2 li span + span {
width:200px;
text-align:left;
}

/* suggest box */


	.suggestionsBox {
		position: relative;
		left: 30px;
		margin: 10px 0px 0px 0px;
		width: 200px;
		background-color: #007aa1;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 1px solid #000;	
		color: #ffffff;
		list-style-type: none;
	}
	
	.suggestionList {
		margin: 0px;
		padding: 0px;
	}
	
	.suggestionList li {
		
		margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor: pointer;
	}
	
	.suggestionList li:hover {
		background-color: #edf5f8;
		color:#000000;
	}