/* Feuille de style pour le contenu des pages

 * C'est cette feuille de style qui doit être liée aux pages du site

 * La feuille de style de la charte est appelée depuis cette feuille.

 */

 

/* Import des style pour la charte */

@import "charte.css";
/* STYLE CYC  (ne pas supprimer) */

.invisible {
	display:none;
}
/* STYLE DE LA PAGE CONTACT */

/*-- subtitles --*/

h2 {
	background: url(../images/charte/icon-arrow.jpg) no-repeat left 9px;
	padding-left:17px;
	color:#DB2C2C;
	font:bold 11px Arial;
	margin-left:0;
	padding-top:5px;
	line-height:18px;
}
h2#actualites,  h2#expositions,  h2#idees,  h2.atelierL,  h2.atelierU,  h2.atelierD,  h2.atelierR,  h2.planningT {
	background: url(../images/charte/title-actualites.jpg) no-repeat left top;
	border-bottom:1px solid #D9D6D6;
	width:693px;
	height:20px;
	font-size:14px;
	padding-left:26px;
	padding-top:7px;
	clear:both;
}
h2#expositions {
	background: url(../images/charte/title-expositions.jpg) no-repeat left top;
}
h2#idees {
	background: url(../images/charte/title-idees.jpg) no-repeat left top;
}
h2.atelierL {
	background: url(../images/charte/atelier-l.jpg) no-repeat left top;
}
h2.atelierU {
	background: url(../images/charte/atelier-u.jpg) no-repeat left top;
}
h2.atelierD {
	background: url(../images/charte/atelier-d.jpg) no-repeat left top;
}
h2.atelierR {
	background: url(../images/charte/atelier-r.jpg) no-repeat left top;
}
h2.planningT {
	background: url(../images/charte/planning-t.jpg) no-repeat left top;
}
h3 {
	/*color:#F24B4B;*/
	color:#333333;
	font-size:13px;
	margin:0 0 3px 0;
	padding:0;
}
div.subtitle,  div.subtitle4 {
	/*  background: url(../images/charte/bg-subtitle.jpg) no-repeat left top;

*/  width:300px;
	float:right;
	padding-left:70px;
	margin-right:15px;
	display:inline;
	padding-top:6px;
}
.subtitle-accueil {
	margin-top:20px;
	background:none;
	float:left;
	padding-left:0;
	width:265px;
}
#contenuTexte div.subtitle p,  #contenuTexte div.subtitle4 p,  #contenuTexte .subtitle-accueil p {
	color:#D33434;
	text-align:center;
	margin-top:0;
	margin-top:10px;
}
div.subtitle4 {
	width:470px;
	float:left;
	margin-top:20px;
	padding-top:0px;
}

/*-- GALERIE INDEX --*/

#galerie-index {
		height:140px;
		padding:0 10px;
		float:left;
		width:700px;
		background: url(images/charte/bg-actu.gif)center top repeat-x;
	}
			  	
	#galerie-index .gph_img {
		text-align:center;
		float:left;
		width:120px;
		height:120px;
		padding:5px;
		margin:0 0px 0 30px;
		background: #CCCCCC;
	}
	
	#galerie-index .gph_img a:link, #galerie-index .gph_img a:visited{
		display:block;
		width:110px;
		height:110px;
		background-position:center center;
		margin:5px;
		background-repeat:no-repeat;
		filter: alpha(opacity=100);
		-moz-opacity: 1.00; opacity:1.00;
	}
	
	#galerie-index .gph_img a:hover, #galerie-index .gph_img a:active {
		filter: alpha(opacity=80);
		-moz-opacity: 0.70; opacity:0.70;
	}
	
		
	#galerie-index #gph_pagination {
		font:bold 11px/12px Arial, Helvetica, sans-serif;;
		color:TextColor;
		text-align:right;
		margin:15px 50px 0 0;
		padding:2px 0;
		float:right;
		width:370px;
	}
			
	#galerie-index #gph_pagination a {				
		:link, :visited {
			color:#ccc;
			text-decoration:none;
			font:bold 11px/12px Arial, Helvetica, sans-serif;;
		}
		
		:hover, :active {
			color:#ccc;
			text-decoration:underline;
			font-weight:bold;
		}
		}
	
/*-- separators --*/

.line,  .line2 {
	height:30px;
	background: url(../images/charte/line.jpg) repeat-x left center;
	line-height:0;
	font-size:0px;
	padding:0;
	clear:both;
	width:720px;
}
.line2 {
	height:25px;
}
.line1 {
	height:30px;
	background: url(../images/charte/line.jpg) repeat-x left center;
	line-height:0;
	font-size:0px;
	padding:0;
	clear:left;
	width:480px;
}
/*-- end separators --*/

/*-- lists --*/

ul.list,  ul.list1 {
	list-style:none;
	margin-left:40px;
	margin-top:0px;
}
ul.list li,  ul.list1 li {
	background: url(../images/charte/icon-list.jpg) no-repeat left 5px;
	font:normal 11px Arial;
	color:#7F0009;
	padding-left:10px;
	line-height:17px;
	margin-top:3px;
}
ul.list1 {
	margin:0;
	float:left;
}
ul.list1 li {
	background: url(../images/charte/icon-list2.jpg) no-repeat left 3px;
	padding-left:25px;
	margin-top:0px;
}
ul.list li.lead {
	margin-top:0;
	margin-right:30px;
}
/*-- end lists --*/

/*-- images --*/

.image-right {
	float:right;
	margin-right:20px;
	display:inline;
	margin-left:10px;
	margin-top:7px;
}
.image-right img,  .image-left img {
	border:none;
}
.image-left {
	float:left;
	margin-left:0px;
	display:inline;
	margin-right:10px;
	margin-top:7px;
}
/*-- end images --*/

/*-- text --*/

#contenuTexte p.text-indent {
	margin-left:30px;
}
/*-- end text --*/



/*-- liens --*/

.liens-box {
	width:230px;
	float:left;
	margin-left:10px;
	display:inline;
}
#contenuTexte p.liens-title {
	text-align:center;
	color:#E13E3E;
	font-weight:bold;
	margin:25px 0 0;
	padding-bottom:0;
	font-size:12px;
}
.liens-content {
	width:230px;
	height:129px;
	background: url(../images/charte/bg-liens.jpg) no-repeat left top;
	padding-top:11px;
}
.liens-content div {
	width:120px;
	height:120px;
	margin-left:55px;
}
.liens-link {
	background: url(../images/charte/liens-link.jpg) no-repeat left top;
	padding-left:20px;
	margin-left:5px;
	margin-top:6px;
}
#contenuTexte .liens-box a:link, #contenuTexte .liens-box a:visited {
	font:normal 11px Arial;
	text-decoration:underline;
}
#contenuTexte .liens-box a:hover, #contenuTexte .liens-box a:active {
	font:normal 11px Arial;
}
/*-- end liens --*/



/*---Contact---*/

#contact-right {
	width:220px;
	float:right;
	height:200px;
	margin-right:14px;
	display:inline;
	border-left:1px dotted #C0C0C0;
	padding-left:10px;
	height:590px;
}
#contact-right .image-left {
	margin-left:0;
	margin-top:0;
}
#contenuTexte #contact-right p.petite {
	font-size:11px;
	margin:0;
	text-align:left;
}
#contact-adresse {
	background: url(../images/charte/contact-adresse.jpg) no-repeat left top;
	width:230px;
	height:151px;
	margin-top:20px;
	float:left;
}
#contact-adresse span {
	margin-left:26px;
}
#contact-adresse p.text {
	text-align:center;
	font-size:11px;
	margin:0px;
	color:#DB2C2C;
	font-weight:bold;
	margin-top:20px;
}
#contact-plan {
	width:240px;
	float:left;
	margin-left:10px;
	display:inline;
	background:url(../images/charte/plan.jpg) no-repeat center 120px;
	height:170px;
	padding-top:50px;
}
#contenuTexte #contact-plan p {
	font-size:11px;
	text-align:center;
	margin-right:0;
	padding-bottom:0;
	margin-top:0;
}
.plan {
	padding-top:95px;
	text-align:center;
}
#contenuTexte .plan a:link, #contenuTexte .plan a:visited {
	font:normal 11px Arial;
	text-decoration:underline;
}
.contact-box {
	width:480px;
}
.inputForm {
	border:1px solid #BAB6B6;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#7F0009;
}
.inputFormOver {
	border:1px solid #DA3939;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#DB2C2C;
}
.envoyer,  .retablir {
	border:none;
	background:url(../images/charte/envoyer.jpg) no-repeat left top;
	width:79px;
	height:18px;
	color:#fff;
	font-family: Arial;
	font-size: 11px;
	cursor:pointer;
	font-weight:bold;
	margin-left:10px;
}
.envoyerOver,  .retablirOver {
	border:none;
	background:url(../images/charte/envoyer.jpg) no-repeat left top;
	width:79px;
	height:18px;
	color:#F9BABA;
	font-family: Arial;
	font-size: 11px;
	cursor:pointer;
	font-weight:bold;
	margin-left:10px;
}
.retablir {
	background:url(../images/charte/retablir.jpg) no-repeat left top;
	margin-right:20px;
}
.retablirOver {
	background:url(../images/charte/retablir.jpg) no-repeat left top;
	margin-right:20px;
}
.haut {
	border:none;
	background:url(../images/charte/haut.jpg) no-repeat left top;
	width:130px;
	height:18px;
	color:#fff;
	font-family: Arial;
	font-size: 11px;
	cursor:pointer;
	font-weight:bold;
	margin-left:10px;
}
.hautOver {
	border:none;
	background:url(../images/charte/haut.jpg) no-repeat left top;
	width:109px;
	height:18px;
	color:#fff;
	font-family: Arial;
	font-size: 11px;
	cursor:pointer;
	font-weight:bold;
	margin-left:10px;
}
.mail_label {
	width:70px;
	float:left;
	display:inline;
	clear:both;
	margin-top:5px;
	color:#7F0009;
	font:normal 11px Arial;
	text-align:left;
}
.radio {
	width:100px;
	float:left;
	display:inline;
	clear:both;
	margin-top:5px;
	color:#7F0009;
	font:normal 11px Arial;
	text-align:left;
}
.mail_input {
	width:130px;
	float:left;
	margin-top:5px;
	color:#fff;
}
textarea {
	width:124px;
}
#contenuTexte p.small {
	font-size:10px;
	color:#7F0009;
	width:480px;
	text-align:center;
	margin-top:40px;
}
#obligatoire p.star {
	color:#DB2C2C;
	font-size:10px;
	margin-top:0px;
	padding-top:0px;
	margin-left:149px;
}
/*--end contact--*/



/*--realisations--*/

.realisations-defilant {
	width:624px;
	height:151px;
	background:url(../images/charte/bg-realisations1.jpg) no-repeat left top;
	float:left;
}
.suivante {
	margin-top:120px;
	float:left;
}
.precedente {
	margin-top:120px;
	float:left;
	width:55px;
	text-align:right;
}
.realisations-image {
	width:290px;
	clear:both;
	text-align:center;
	margin:0 auto;
	clear:both;
}
/*--end realisations--*/



/* --formation professionelle --*/

  table.tarifs-table {
	border:1px solid #CBC6C6;
	margin-top:10px;
	margin-left:10px;
	float:left;
}
td.stage {
	background-color:#F54D4D;
	border-right:1px solid #C22828;
	color:#fff;
}
td {
	padding:2px 5px;
	font:normal 11px Arial;
	color:#8B2530;
	border:1px solid #bcbcbc;
	text-align:center;
}
#formation-box {
	width:290px;
	float:left;
	margin-right:10px;
}
#formation-horaire {
	width:290px;
	height:86px;
	background:url(../images/charte/bg-formations.jpg) no-repeat left top;
	padding-top:10px;
	margin-top:5px;
}
#formation-horaire p {
	text-align:center;
	line-height:27px;
	margin:0;
	padding:0;
}
#formation-box p.text {
	text-align:center;
	font-size:11px;
	margin:0px;
	color:#DB2C2C;
}
/* -- end formation professionelle --*/



/* -- actualites --*/

/*.actualites-box{

  width:340px;

  height:210px;

  float:left;

  display:inline;

  margin-left:15px;

  margin-top:30px;

  border-bottom:1px solid #E93B3B;

  }

  #contenuTexte td.actualites-title{

    color:#fff;

    font:bold 11px Arial;

    height:35px;

    width:340px;

    background-color:#E93B3B;

    }

.actualites-thumb{

  width:150px;

  height:144px;

  background:red url(../images/charte/actualites-thumb.jpg) no-repeat left top;

  float:left;

  }

.actualites-text{

  height:150px;

  overflow: auto;



  }

#contenuTexte .actualites-text p{

  margin:0 5px 0 5px;

  padding-top:0;

  }

.actualites-link{

  float:right;

  background: url(../images/charte/actualites-link.jpg) no-repeat left top;

  padding-left:15px;

  margin-left:5px;

  margin-top:6px;

  }

  */

.actualites-box {
	/* width:340px;

  height:210px;*/

  width:720px;
	height:150px;
	float:left;
	display:inline;
	margin-left:15px;
	margin-top:10px;
	border-bottom:0px solid #E93B3B;
}
#contenuTexte td.actualites-title {
	color:#fff;
	font:bold 11px Arial;
	height:15px;
	width:720px;
	background:url(../images/charte/bg-actu.gif) left top repeat-x;
}
.actualites-thumb {
	width:200px;
	height:100px;
	background:url(../images/charte/encart_photo_actu.png) center top no-repeat;
	_background:url();
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/charte/encart_photo_actu.png", sizingMethod="crop");
	float:left;
}
.actualites-text {
	height:100px;
	overflow: auto;
	color:#fff;
}
#contenuTexte .actualites-text p {
	margin:0 5px 0 5px;
	padding-top:0;
	color:#fff;
}
.actualites-link {
	float:right;
	/*padding:0 0 0 15px;*/

  margin-right:10px;/*background: url(../images/charte/actualites-link.jpg) no-repeat left top;*/

  }
#contenuTexte .liens-box a:link, #contenuTexte .liens-box a:visited {
	font:normal 11px Arial;
	text-decoration:underline;
}
.up {
	clear:both;
	padding:10px 15px 0 0;
	text-align:right;
}
#contenuTexte .up a:link, #contenuTexte .up a:visited {
	font:bold 11px Arial;
	text-decoration:none;
	color:#fff;
}
#contenuTexte .up a:hover, #contenuTexte .up a:active {
	color:#F9BABA;
}
#idee-box,  #accueil-box {
	width:230px;
	height:95px;
	background:url(../images/charte/bg-idees.jpg) no-repeat left top;
	padding-top:18px;
	padding-left:10px;
	float:left;
}
#contenuTexte #idee-box p,  #contenuTexte #accueil-box p {
	font-weight:bold;
	margin-top:0;
	text-align:center;
	line-height:20px;
}
#accueil-box {
	width:290px;
	height:95px;
	background:url(../images/charte/bg-accueil.jpg) no-repeat left top;
}
/* -- end actualites --*/

.cours-box {
	width:250px;
	float:left;
	display:inline;
	text-align:center;
}
#contenuTexte .cours-box p.programme {
	text-align:center;
	margin-right:25px;
	color:#DB2C2C;
	font-weight:bold;
	margin-top:0;
}
#cgv h4 {
	color:red;
}
/* -- planning --*/

.planing-box {
	width:460px;
	height:400px;
	background-color:#fff;
	border:1px solid #CCCCCC;
	overflow:auto;
}
td.planing-title {
	height:30px;
	background-color:#E93B3B;
	font:bold 11px Arial;
	color:#fff;
	margin-top:0px;
}
p {
	padding-bottom:5px;
	font-size:11px;
	text-align:justify;
	color: #7F0009;
	line-height:18px;
	margin:10px 6px;
	font-family:Arial;
}
#colonne_index {
	width:340px;
	float:left;
}