/* CSS Document */
/* * {margin:0; padding:0;} OBLIGATOIRE en tête de tout document sauf pour des sites centrés*/

body
	{
	background-color:mediumorchid/*lavender*/;
	/*background: url(images/bords_background.gif) top left repeat-y;
	background: url(images/background.jpg) top left repeat-y;
	background: url(images/bg_body_bleu.gif) top left repeat;*/
	background: url(images/background.gif) repeat-y center;
	}
 
#fond_blanc /* C'est le tableau */
 {
	background-color: white;
 }
#entete 
 {
	/*border:1px dashed black;*/
	float: left;
	width:1000px;
 }

#background
 {
	float: left;
	width:1000px;
 }
 
 
 #teaser
	{
	width:710px;
	float:right;
	position:relative;
	/*top:10px;
	left:100px;
	*/
	color:lightgrey;
	font-size:14px;
	text-align: justify;
	/*background-color: deepskyblue;
	background: url(images/ciel1px.gif) top left repeat-x;*/
	margin:0 px; 
	padding:0 px;
	margin-right:10px;
	}
 
#page
 {
	/*border:1px dashed black;*/
	float: left;
	width:1000px;
	/*background: url(images/background_princ.gif) top right no-repeat;*/
	background: url(images/bords_background.gif) top left repeat-y;
	background: url(images/background_princ.gif) bottom right no-repeat;
	/*border-left:outset;	border-right:outset;*/
	border-color : #9932cc;
	border-color : white;
 }
 

#menu { 
font-size:17px;
float: right;
position:relative;
	width:750px;
	/*top:-10px;
	left:220px;
	left:120px;*/
	/**/right:20px;
}


/* Colonnes /////////////////////////////////////////////////////////////////////////////////*/

#colgauche /*source code blue robot 3 colonnes*/
 {
	/*border:1px dashed black;*/
	float: left;
	width:250px;
	position:relative;
	top:50px;
	top:30px;
	margin: 0px;
	padding: 0px;
	/*width:300px;*/ 
	/*border:1px dashed black;
	background-color:#eee;
	padding:0px,20px,0px,0px; */
	/* ce dernier 0 px influence la marge de gauche de la colone 1 pour IE6 à 10 px, ne gênait pas firefox
	voice-family: "\"}\"";
	voice-family:inherit;*/
	}

#colcentre_rub
  {
	/*border:1px dashed black;*/
	float: left;
	width:720px;
	position:relative;
	left:20px;
	top:20px;
	/*width:630px;*/
	text-align: justify;
	margin: 0px;
	padding: 0px;
	}
	
#colcentre_art 
  {
	/*border:1px dashed black;*/
	float: left;
	width:500px;
	position:relative;
	left:20px;
	top:20px;
	/*width:630px;*/
	text-align: justify;
	margin: 0px;
	padding: 0px;
	margin:0px 0px 100px 0px;
	padding:0px,0px,100px,0px;
	}
	
#coldroite 
	{
	/*border:1px dashed black;*/
	width:200px;
	float: left;
	left:50px;
	top:70px;
	position:relative;
	/*
	width:520px;
	padding:0px,0px,0px,5px;
	margin:0px,0px,0px,5px;*/
	margin:0px 0px 0px 0px;
	padding:0px,0px,0px,0px;
	/*border:1px dashed black;*/	
	}
	
		
#news/* ??????? encore utile ????????*/
	{
	/*width:620px;*/
	text-align:justify;
	float: left;
	/*padding:10px; */
	}


/* /////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*
#barre_navigation
	{
	color: #9932cc;
	font-weight: bold; 
	font-size: 11px; 
	/*width:100px;top:-35px;
	position:relative; 
	text-align:left; 
	}
*/	

#barre_navigation
	{
	color: #9932cc;
	font-weight: bold; 
	font-size: 11px; 
	/**/width:720px;top:-35px;
	float:left;
	position:relative; 
	top:25px;
	left:270px;
	text-align:left; 
	}
	
#rubrique
	{
	float: left;
	width:250px;
	position:relative; 
	left:10px;
	/*background-color: grey;*/
	} 

/*
#rubriques
	{
	position:relative; 
	top:70px;
	background-color: grey;
	} 
*/	
	
#menu_rubrique_ht 
	{
	/*border:1px dashed black;*/
	background: url(images/fd_vig_rub_ht.gif) top left no-repeat;
	/**/float: left;
	width:230px;
	margin:0px;
	padding:3px;
	}

#menu_rubrique_norm 
	{
	/*border:1px dashed black;*/
	background: url(images/fd_vig_rub_ttes.gif) top left no-repeat;
	/**/float: left;
	width:230px;
	margin:0px;
	padding:3px;
	}
	
#vig_rubrique 
	{
	/*Pour décaler l'image verticalement;*/
	position:relative; 
	top:0px; 
	}



/*////////////////////////////////////////////////////////////////////////////////////////////////////*/	
	

/*Liens classiques de la page*/
a:link { 
	/*font-weight: bold;*/ 
	text-decoration: none; 
	/*color: #B7A5DF;*/
	color: #9932cc;
	/*color : darkorchid;*/
	}
a:visited { 
	/*font-weight: bold; */
	text-decoration: none; 
	/*color: #D4CDDC;*/
	color: #9932cc;
	}
a:hover, a:active { 
	/*text-decoration: underline; */
	text-decoration: underline;
	color:  #9932cc/*salmondeeppinkdodgerblue royalblue powderblue mediumblue pressibusblue midnightblue lavender darkblue deepskyblue*/ ;
	}

/*Liens menu haut*/
a.menu:link { 
	text-decoration: none; 
	color: black;
	font-size: 16px; 
	}
a.menu:visited { 
	text-decoration: none; 
	color: black;
	font-size: 16px; 
	}
a.menu:hover, a.menu:active { 
	text-decoration: underline;
	color: firebrick;
	font-size: 16px; 
	}

/*Liens menu gauche H1 /////////////// */
a.h1menug:link { 
	text-decoration: none; 
	color: black;
	}
a.h1menug:visited { 
	text-decoration: none; 
	color: black;
	}
a.h1menug:hover, a.h1menug:active { 
	text-decoration: none /*underline*/;
	color:  black;
	}

/*Liens menu gauche H2*/
a.h2menug:link { 
	text-decoration: none; 
	color: white;
	}
a.h2menug:visited { 
	text-decoration: none; 
	color: white;
	}
a.h2menug:hover, a.h2menug:active { 
	text-decoration: none;
	color:  white;
	}
	

/*Liens ville menu gauche H1 /////////////// */
a.lien_ville:link { 
	text-decoration: none; 
	color: black;
	}
a.lien_ville:visited { 
	text-decoration: none; 
	color: black;
	}
a.lien_ville:hover, a.lien_ville:active { 
	text-decoration: none /*underline*/;
	color:  black;
	}

#lien_ville
	{
	float: left;
	position: relative;
	left:5px;
	font-size: 21px; 
	letter-spacing:2px;
	padding-bottom:10px;
	}	
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/	

h1.lien_ville
	{
	/**/padding-bottom:5px;
	}
		
h1.menug
	{
	display:inline;
	/*color: blue;
	font-weight: bold; padding-bottom:5px;border-bottom:2px solid #9932cc;*/
	font-size: 17px; 
	letter-spacing:2px;
	/*color:#9932ccorchidfuchsia;
	font-weight: bold;*/
	color:black;
	}

h2.menug
	{
	display:inline;
	/*color: blue;
	font-weight: bold; padding-bottom:5px;border-bottom:2px solid #9932cc;*/
	font-size: 14px; 
	letter-spacing:1px;
	/*color:#9932ccorchidfuchsia;font-weight: bold;*/
	color: white;
	border-left:2px;/* Pour mettre un trait devant la ligne du logiciel (quand il y aura un div autour ...) */
	}

h1.txt
	{
	/*display:inline; */
	font-size: 18px; 
	color:black;/*color:#9932ccorchidfuchsia;*/
	font-weight: bold;
	}

h2.txt
	{
	/*display:block; */
	font-size: 18px; 
	border-bottom:2px solid #9932cc;
	color:#9932cc/*orchidfuchsia*/;
	/**/padding-bottom:5px;
	}

h1.menud
	{
	/*display:inline; */
	font-size: 18px; 
	color:black;/*color:#9932ccorchidfuchsia;*/
	font-weight: bold;
	}

h2.menud
	{
	display: inline;
	position: relative;
	top:35px;
	left:10px;
	font-size: 14px; 
	color: black;
	}
	
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/	
	
/*
#titre_rubrique_h1
	{
	float: left;
	clear:right;
	position:relative; 
	top:1px;
	left:0px; 
	}
	
#titre_article_h1
	{
	float: left;
	clear:right;
	position:relative; 
	top:1px;
	left:0px; 
	} 

#titre_article_categorie
	{
	text-align:right;
	}
	
	
#titre_article
	{
	position:relative; 
	top:1px;
	left:1px; 
	}

#cadre_article
	{
	float: left;
	width:320px;
	background: url(images/onglet_gris.gif) top left no-repeat;
	text-align:justify;
	padding-left:5px; 
	margin-right:0px; 
	margin-bottom:0px; 
	border-left:1px solid ;
	border-color : CCCCCC;
	border-bottom:1px grey solid;
	border-right:1px solid;
	}

	*/ 


/*////////////////////////////////////////////////////////////////////////////////////////////////////*/	
	
	
#menu_bureautique
	{
	float: left;
	width:250px;
	background: url(images/menu-bureautique.gif) top left no-repeat; 
	margin-right:0px; 
	margin-bottom:30px; 
	}

#menu_internet
	{
	float: left;
	width:250px;
	background: url(images/menu-internet.gif) top left no-repeat; 
	margin-right:0px; 
	margin-bottom:30px; 
	}

#menu_multimedia
	{
	float: left;
	width:250px;
	background: url(images/menu-multimedia.gif) top left no-repeat; 
	margin-right:0px; 
	margin-bottom:30px; 
	}
	
#menu_infographie
	{
	float: left;
	width:250px;
	background: url(images/menu-infographie.gif) top left no-repeat; 
	margin-right:0px; 
	margin-bottom:30px; 
	}


/*////////////////////////////////////////////////////////////////////////////////////////////////////*/	

#case_d /* C'est le tableau */
 {
	background: url(images/dgrd_gris_case.gif) top left no-repeat;
	/*border: solid 1px black;*/
	width:170px;
 }

#txt_case_d /* C'est le tableau */
 {
	width:175px;
	position: relative;
	left:10px;
 } 

#titre_case_1 /* C'est le tableau */
 {
	width:200px;
	background: url(images/onglet_rouge.gif) top left no-repeat;
 }
 
#titre_case_2 /* C'est le tableau */
 {
	width:200px;
	background: url(images/onglet_bleu.gif) top left no-repeat;
 }

#titre_case_3 /* C'est le tableau */
 {
	width:200px;
	background: url(images/onglet_vert.gif) top left no-repeat;
 }
  
			

/*////////////////////////////////////////////////////////////////////////////////////////////////////*/	
	
img 
	{
    border : none;
    border : 0;
	/*display:inline; */
	
	/*margin:10px;
	 Rajouter des marges regulières*/
    }
	
#image_news_gauche
	{
	float: left;
	padding-right:10px; 
	}

#image_news_droite/**/
	{
	float: right;
	padding-left:10px; 
	}

#txt_formateur /* C'est le tableau */
 {
	width:170px;
	color:black;/*slategrey*/
	font-size: 14px; 
 }

#photo_formateur /* C'est le tableau */
 {
	width:170px;
 }
 
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/	
	
/*
 ul
	{
	display:inline; 
	}
*/
	
#blockliste
	{
	display:block;
	position: relative;
	left:50px;
	}

 #liste_gauche
	{
	float:left;
	/*display:block;*/
	width:250px;
	}
 
 #liste_gauche
	{
	float:left;
	/*display:block;*/
	width:250px;
	}

/*////////////////////////////////////////////////////////////////////////////////////////////////////*/	
	
#compteur_pages
 {
	/*border:1px dashed black;*/
	width:500px;
	float: left;
	text-align:center;
	padding:0px,0px,10px,0px;
	margin:0px,0px,0px,5px;
 }
 
 #txt_compteur_pages
 {
	/*border:1px dashed black;*/
	position:relative; 
	left:150px; 
	padding:0px,0px,10px,0px;
	margin:0px,0px,0px,5px;	
 }

#couleur_bleue
 {
	color: blue;
	font-weight: bold; 
	font-size: 18px; 
	/*width:100px;*/
 }

/*////////////////////////////////////////////////////////////////////////////////////////////////////*/	 
 
#form_email
 { 
 border-top:2px dotted #d8bfd8;
  border-bottom:2px dotted #d8bfd8;
 padding-top:2px;
 background-color:	ghostwhite;
 color:black;
 font-weight: bold;
 }  
 
h1.email
 {
	color: mediumslateblue;
	font-size: 18px; 
	font-weight:bold;
	/*width:100px;*/
 }
 
#feedback_email
 {
	color: red;
	font-size: 14px; 
	font-weight:bold;
	/*width:100px;*/
 }
 
#txt_email
 {
	color: ;
	font-size: 18px; 
	font-weight:bold;
	/*width:100px;*/
 }

#captcha
 {
 width:420px;
 border:2px solid #d8bfd8;
 background-color: darkorange;
 color:black;
 font-weight: bold;
 letter-spacing:1px;
 } 




#partenaires
 {
	float: right;
	text-align:right;
	/*
	background-color:white;
	border-bottom:15px solid white;
	border-top:1px dotted mediumslateblue;
	*/
	position:relative; 
	right:20px; 
	top:20px; 
	
 }
 
 
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/	 
 
 #footer_bai
 {
	position:relative; 
	top:15px; 
	/*bottom:5px; */
	/*width:900px;text-align:center;*/
	float: left;
	/*padding:0px,25px,10px,0px;
	margin:0px,25px,10px,5px;
	*/text-align:center;
	width:1000px;
	background-color:white;
	border-bottom:15px solid white;
	border-top:1px dotted mediumslateblue;
	text-align: center;
 }
 
#txt_footer_bai
 {
	color:slategrey;/**/
	font-size: 12px; 
	float: left;
	position:relative; 
	top:10px;
	left:45%;
	/*left:300px;
	text-align: center;*/
	color:mediumslateblue;
 }
 

 
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/