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

	Minimal Grey

	design css jibHaine	( http://www.jibhaine.fr )

	Licence Creative Commons (by-nc)

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



/* image du fond de la page */

body{background:#333 url(images/fond.jpg); }



/* polices générale et RAZ des marges*/

*{

	font-family:Arial,Helvetica, sans-serif;

	font-size:13px;

	font-weight:400;

	color:#000;

	border:0;

	margin:0;

	padding:0;

}



	/***************** CLASSES GENERALES **************************************/

	/*champs de texte*/

	input[type=text],textarea,select{border:1px solid #666;background:#EEE;padding:1px;}

	/*boutons*/

	input[type=submit],input[type=reset]{border:1px solid #666;background:#999;color:#CCC;}

	input[type=submit]:hover,input[type=reset]:hover{background:#666;color:#FFF;}

	li{list-style-type:none;}

	q { font-style:italic;}

	blockquote, pre {border:#666 solid 1px;background:#EEE;padding:5px;margin:5px;  }

	code, pre ,.code{font-family:'Courier New', Courier, monospace;overflow:auto;}



h2{font-size:22px; text-align: center; }

h3{font-size:20px}

h4{font-size:18px}

h5{font-size:16px}

h6{font-size:15px}

h2,h3,h4,h5,h6{

margin-left: 20px;

margin-right: 20px;

margin-bottom: 20px;
margin-top:5px;
letter-spacing:1px;
}

table td {padding :5px}

table {border :1px solid; }

	

	/****************** POSITIONNEMENT DIVS **********************************/

	#page{width:1024px;margin:auto;position:relative;}

	/*liens 'aller a' */

	#prelude{

		display: none;	

	}

	

/****** EN TETE ******/

#entete{

	width:924px;height:71px;

	padding:0px 40px 0px 40px;

	background:transparent url(images/head_all.png) no-repeat !important;

	background:transparent url(images/head_all.gif) no-repeat;

}

	

#conteneur{

	overflow:hidden;

	height:100%;

	margin-top: 0px;

	background: transparent url(images/page_fond.png) repeat-y top left !important;

	background: transparent url(images/page_fond.gif) repeat-y top left;

	text-align : justify;

}

	

	#bandeau{

		background:transparent url(images/pyrenees.jpg) no-repeat left top;

		width:924px; height:147px;

		margin-left: 40px;

		overflow:hidden;

	}

	#logo_gouv { margin-top : 10px; margin-left: 10px; float: left; }

	#logo_legta { margin-top : 10px; margin-right: 10px; float : right; }

	



   

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

	

	#contenu{

		padding:0px 40px;

		margin-bottom: -10px;

		min-height: 500px;

	}

	

	#soustitre { width : 924px; text-align: left;}

	#soustitre h2, #soustitre h3 { 

		text-align: center;

		font-weight: bold; 

		padding: 10px; 

	}

	#soustitre h2 { 

		font-size: 26px; width : 350px; 

		padding-bottom: 20px; 

		margin-left: 70px; margin-bottom: 0px;

	}

	#soustitre h3 { 

		font-size : 18px; width : 310px;

		margin-left : 140px; margin-top: -5px;

	}

	

	#gauche { 

		float: left; 

		width : 650px !important; 

		width : 610px; /* Pour pb de lisibilite sur IE6 */

		margin-left: 20px ;

		}

		#gauche h3, #gauche h5 { font-weight: bold; margin-bottom : 15px; } 

		#gauche h5 {font-size : 13px; }

		#gauche h3 {font-size : 15px; padding-left : 50px; padding-top : 21px;}

		#remarques {

			width: 360px;

			margin-top: 40px; margin-bottom: 20px; 

			padding: 5px; padding-top: 10px;

		}

		

	#droite {float: right; width : 220px; margin-right: 20px; text-align : left;}

		#droite h3 {font-size: 13px; font-weight: bold;}

		#droite div {margin-bottom: 20px;padding: 5px; padding-top: 10px; }

	#gauche1 { 

		float: left; 

		width : 450px !important; 

		/* width : 610px; Pour pb de lisibilite sur IE6 */

		margin-left: 20px ;

		}

		#gauche1 h3, #gauche1 h5 { font-weight: bold; margin-bottom : 15px; } 

		#gauche1 h5 {font-size : 13px; }

		#gauche1 h3 {font-size : 15px; padding-left : 50px; padding-top : 21px;}



		

	#droite1 {float: right; width : 435px; margin-right: 20px; text-align : left;}

		#droite1 h3 {font-size: 13px; font-weight: bold;}

		#droite1 div {margin-bottom: 20px;padding: 5px; padding-top: 10px; }


	a{color:#360;}

	h2,h3,h4,h5,h6,label,.post-title a,a:hover{color:#693;}

	p, ul {margin-left : 20px; margin-right : 20px; margin-bottom: 20px;}

	li {margin-left: 20px; margin-top : 3px;}

	b {font-weight : bold}

	img {margin: 10px;}

	

/*Tableau pour formation */

.tableau {

	padding-top: 10px;

	padding-bottom : 10px;

	margin-left : 50px;

	text-align: left;

	width : 500px;

}

.tableau td {padding-left : 10px; padding-right : 10px;}

.horaires {text-align : center; font-weight: bold}



/******  PIED *****/

#pied{

	clear : both;

	width:924px;height:95px;

	margin-top: 0px;

	padding:55px 40px 0px 40px;

	background:transparent url(images/footer.png) no-repeat top left !important;

	background:transparent url(images/footer.gif) no-repeat top left;

}

#pied p, #pied a{color:#FFF;text-align:center;font-size:12px; text-decoration : none;}



	#logo_crmp { 

		float:left;

		margin-top:-7px;

	}

	#logo_ue {

		float: right;

		margin-top:-7px;

	  }

	#contact {	margin-top: 2px;}

	

/************* Import de styles specifiques pour divers tableaux et pour personnaliser certaines pages *****/

/* Reglement interireur */

.tab_ri {

	margin-left: 200px;

	margin-bottom : 20px;

}

.tab_ri_titre { 

	background : url(images/couleurs/bg_vert1.jpg) repeat-x; 

	text-align : center;

}

.tab_ri td { padding : 0px 5px 0px 5px; }



/* Bourses */

.tab_brs {

	float : right; 

	margin : 10px; 

	margin-right: 30px;

	text-align: center;

	padding: 0px;

}

.tab_brs_titre {

	width : 75px;

	background : url(images/couleurs/bg_bleu1.jpg) repeat-x;

	padding-bottom: 5px;

	padding-top: 5px;

	color: #fff;

}



/* Contact Admin VieSco */

.tab_contact {

	margin-left : 100px;

	text-align : center;

	margin-bottom: 15px;

}

.tab_contact td {

	width : 150px;

	border : none;

}

.tab_contact td br {

	margin-bottom : 10px;

}

.tab_contact_titre {

	background : url(images/couleurs/bg_jaune2.jpg) repeat-x bottom; 

}

.tab_contact_relief {

	background : url(images/couleurs/bg_jaune.jpg) repeat-x bottom; 

}



/* Tarifs */

.tab_tarifs { text-align : center; }

.tab_tarifs td { width : 100px; }

.tab_tarifs_titre {

	background : url(images/couleurs/bg_bleu1.jpg) repeat-x;

}

.tab_tarifs_titre td {

	color: #fff;

	font-weight : bold;

}

.tab_fac {

	margin-left : 85px;

	margin-bottom: 20px;

}

.tab_fac td {

	width : 250px;

	background : url(images/couleurs/bg_bleu.jpg) repeat-x;

}

/* Transports */

.tab_transp {

	margin-left : 40px;

	margin-bottom : 20px;

	text-align : center;

}

.tab_transp td {

	width : 90px;

	font-weight : bold;

	padding-bottom : 10px;

}

.tab_transp_titre {

	background : url(images/couleurs/bg_bleu3.jpg) repeat-x;

}

.tab_transp_titre td {

	color: #fff;

}

.tab_transp .td_transp {

	text-align : left;

	font-weight : normal;

	width : 600px;

}

.tab_transp_relief {

	background : url(images/couleurs/bg_vert.jpg) repeat-x;

	padding-bottom : 15px;

}




