/* Style pour SEMOLAC */
body
{
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size : 1em;
	color: #333;
	background-color: #868686;
	background-image:url(images/bg_body.gif);
	background-repeat:repeat-y;
}

/* ***************************** */
/*   POSITIONNEMENT DES BLOCS    */
/* ***************************** */
#invisible { display:none; }
#haut
{
	height:150px;
	margin:0;
	padding:0;
}
#logo 
{
	position:absolute;
	top:0px;
	left:30px;
	width:100px;
	height:95px;
	z-index:3;
}
#page
{
	margin: 0 8px 0 180px;
	padding:0;
	z-index:2;
}
#col_gauche {
	float: left;
	width: 180px;
	background-color: #666;
}
#col_gauche_contenu {
	padding: 0 10px 10px 10px;
	color: #fff;
}
#col_gauche_contenu img {
	display: block;
	padding: 0 0 5px 0;
}
#texte_standard 
{
	margin: 0 0 0 180px;
	padding: 20px 30px 25px 30px;
	text-align: justify;
	background-color: #fff;
	border: 1px solid #fff; /*important*/
}
#texte_large 
{
	margin: 0;
	padding: 20px 30px 25px 30px;
	text-align: justify;
	background-color: #fff;
}
#texte_home 
{
	margin: 0;
	padding:0 0 25px 0;
	text-align: justify;
	background-color: #fff;
}
#flash_home {
	position:absolute;
	top:0;
	left:180px;
	height:514px;
	width:797px;
}
#pictos_home { width:797px; padding-top:363px; text-align: center; }
#menu 
{
	position:absolute;
	top:150px;
	left:0;
	width:180px;
}
#menuhaut 
{		
	position:absolute;
	height:150px;
	width: 160px;
	top:5px;
	left:190px;
	margin:0;
	padding:0;
	z-index:1;
}
#projet {
	position:absolute;
	top:32px;
	left: 0;
	width:180px;
	z-index:3;
	font-weight:bold;
	font-size:1.3em;
	color: #fff;
	text-align: center;
}
#copyright { padding: 20px 0 20px 370px; font-size:0.7em; color:#ccc; }
#copyright a { color:#ccc; text-decoration:none; }


/* *********** */
/*   STYLES    */
/* *********** */
a:link { color: #EA8019; text-decoration: underline;}
a:visited { color: #EA8019; text-decoration: underline;}
a:hover { color: #EA8019; text-decoration: underline;} 
a:active  { color: #EA8019; text-decoration: underline;} 

img { border: none; margin: 0; padding:0; }

h1 { margin:0; padding: 0 0 0.5em 0; font-size:2.2em; color:#7F7F7F; font-weight:bold; text-align:right; }
h2 { font-size:1.2em; color:#EA8019; font-weight:bold; margin:0; padding:0; }

ul { margin:0; padding:0 0 0.5em 2em; }
ol li { padding-top: 10px; padding-bottom: 2px; }
ul li { padding-top: 2px; padding-bottom: 2px; }

table, tr, th, td { border:none; border-collapse: collapse; margin:1em 0 1em 0; padding:0; }
th, td { vertical-align:top; text-align:left; padding: 0 1em 1em 0; }

p { margin:0; padding: 0em 0 0.5em 0; }

#menu ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
 	background: transparent;
	font-size:1.1em;
	font-weight: normal;
	text-align: left;
}
#menu ul li { padding: 0.1em 0 0.1em 1em; }
#menu ul li ul { padding: 0 0 1em 0; }
#menu ul li ul li { padding: 0.2em 0 0.2em 1em; font-size:0.8em; line-height: 1em; }

#menu a { color: #fff; text-decoration: none; }
#menu a:visited { color: #fff; text-decoration: none; }
#menu a:active { color: #fff; text-decoration: none; }
#menu a:hover { color: #fff; text-decoration: none; font-weight:bold; }
#menu a:focus { color: #fff; text-decoration: none; font-weight:bold; }
.menucourant { color: #EA8019; text-decoration: none; font-weight:bold; }

#menuhaut ul
{
	list-style-type: none;
	text-align: left;
	font-weight: normal;
	font-size: 1.1em;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}
#menuhaut li {  }
#menuhaut a { color: #fff; text-decoration: none; }
#menuhaut a:visited { color: #fff; text-decoration: none; }
#menuhaut a:active { color: #fff; text-decoration: none; }
#menuhaut a:hover { color: #fff; text-decoration: none;font-weight:bold;  }
#menuhaut a:focus { color: #fff; text-decoration: none;font-weight:bold;  }
.menuhautcourant { color: #EA8019; text-decoration: none; font-weight:bold; }

.logo_standard {
	float:right; 
	margin-right: 8px; 
}
.logo_home {
	margin-left: 547px; 
}
.imgToRight
{
	float:right;
	margin-left: 4px;
}
.imgToLeft
{
	float:left;
	margin-right: 4px;
}

.normalText { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.8em; color:#333; font-weight:normal; }
.slogan1 { position:absolute;top:155px;left:190px;z-index:100;color:#EA8019;font-size:1em;font-weight:bold; }
.slogan2 { position:absolute;top:155px;left:650px;z-index:100;color:#EA8019;font-size:1em;font-weight:bold; }
.alignMiddle { vertical-align: middle; }
.invisible { display:none;}
.clearing { clear:both; height:0px; line-height:0px; }
.orange { color: #EA8019; }
.orangebold { font-size:1.1em; color: #EA8019; }
.vert a, .vert h2, .vert legend { color: #97bf0d; }
.vert fieldset { border-color:#97bf0d;  }
.vert .formbutton { background-color:#97bf0d; }
.subtitle { display:block; padding:0 0 0.5em 0; margin:0; text-align: right; font-family: "Century gothic", Helvetica, sans-serif; font-weight: bold; font-size:1.1em; font-style: normal; color: #EA8019; }
.subtitle1 { display:block; padding:0 0 0.5em 0; margin:0; text-align:right; font-family: "Trebuchet MS", "Times new roman", serif; font-weight: normal; font-size:1.6em; font-style: normal; color: #EA8019; }
.subtitle2 { display:block; padding:0 0 0.5em 0; margin:0; text-align: right; font-family: "Century gothic", Helvetica, sans-serif; font-weight: bold; font-size:1.4em; font-style: normal; color: #EA8019; }
.subtitlevert { display:block; padding:0 0 0.5em 0; margin:0; text-align: right; font-family: "Century gothic", Helvetica, sans-serif; font-weight: bold; font-size:0.9em; font-style: normal; color: #97bf0d; }

/*century gothic à la place de Viner Hand ITC*/
.titleright { margin: -0.5em 0 0 0; padding:0; font-size:0.9em; color:#EA8019; text-align:right; }
.gras { font-weight: bold; }
.italic { font-style: italic; }
.big01 { font-size: 1.6em; }
.big02 { font-size: 1.3em; }
.small { font-size: 0.9em; }
.nowrap { white-space: nowrap; }
.textToLeft { text-align: left; }
.textToRight { text-align: right; }
.present_projet { float:left; line-height:1.2em; width: 250px; font-size:1.2em; }
.lettrine { color: #EA8019; font-size: 1.6em; font-weight: bold; margin-right:5px; letter-spacing: -5px; }
.vignette { width:160px; margin-top:0.3em; }
.collaborateur { padding: 0.2em 0.2em 0 0.2em; }
.tbl_pourquoi { 
	border: 1px solid #ccc;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	width: 100%;
}
.tbl_pourquoi th, .tbl_pourquoi td {
	border: 1px solid #ccc;
	padding: 0.3em;
	margin: 0;
	text-align: center;
}
.tbl_pourquoi th {
	color:#7F7F7F;
	font-weight: normal;
	vertical-align: bottom;
	padding-top: 1em;
	padding-left: 0.1em;
}
.tbl_pourquoi td {
	font-size: 0.8em;
	vertical-align: middle;
}
.tbl_pourquoi th.textToLeft, .tbl_pourquoi td.textToLeft {
	text-align: left;
}
.tbl_cms td { padding: 0.8em; margin: 0; }

.tbl_divers { 
	border: none;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	width: 550px;
}

.pictos { width: 100%; padding: 4px; border: none; }
.pictos td { padding: 4px; border: none; text-align:center; vertical-align: top; }
.specialDiv1 { margin: 0 0 0 50px; font-size:1.8em; color:#1E2CAB; font-weight:bold; letter-spacing:1px; }
.specialDiv2 { margin: 0 0 0 75px; font-size:2.4em; color:#1E2CAB; font-weight:bold; letter-spacing:0px; }
.specialDiv3 { margin: 0 0 0 60px; font-size:2em; color:#1E2CAB; font-weight:normal; letter-spacing:8px; }
.specialDiv4 { margin: 0 0 0 90px; font-size:1.8em; color:#1E2CAB; font-weight:bold; letter-spacing:2px; }
marquee { height:120px; }

ul.eventsList, ul.eventsList li { list-style:none }
ul.eventsList { margin:2px 0 10px 0; padding:0; }
ul.eventsList li { margin:0; padding:0.5em 0 1em 0 }



/* *************** */
/*   FORMULAIRE    */
/* *************** */
label { /* mise en forme des intitulés de champs */
	margin: 0;
	padding: 0 0.5em 0 0;
	vertical-align: middle;
	color: #333;
}
form p { /* p du formulaire */
	margin: 0.5em 0;
	padding: 0;
}
form p label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 150px;	/*** Les intitulés prennent cette dimension de la largeur totale du formulaire ***/
	text-align: left;	/*** ... et ils sont alignés à gauche... ***/
}
.specialFields1 { /* pour le formulaire d'inscription: niveaux scolaires */
	margin-bottom: 5px;
	padding: 0;
	padding-left: 100px;
	text-align:left;
}
.btValid { /* div qui contient le boutton pour valider la commande */
	margin: 0.2em 0;
	padding: 0;
	padding-left: 160px;
	text-align:left;
}
select, textarea, .formfield { /* par défaut pour tous les select */
	border-right: #999 1px solid;
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-bottom: #999 1px solid;
	font-size: 1em;
	color: #666;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
textarea { /* par défaut pour tous les textarea */
	width: 280px;
	height: 70px;
}
fieldset {
	padding: 10px 10px 10px 10px;
	margin-bottom: 1em;
	border: 1px solid #EA8019;
}
legend {
	font-weight: bold;
	color: #EA8019;
	padding: 5px 5px 5px 5px;
}
.formfield { /* champs à remplir */
	width: 250px;
}
.formbutton { /* bouton */
	border: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	color: #FFFFFF;
	cursor: pointer;
	background-color: #EA8019;
	padding: 0.4em;
}

#inscription p label { width: 250px; }
#inscription .btValid { padding-left: 250px; }


/************* COLLABORATEURS ***************/
.personne {
	float:left;width:160px;height:200px;padding:0.5em;
}
.nom {
	width:160px;font-size:1em;font-weight:bold;text-align:right;color:#7F7F7F;line-height:1.2em;
}
.fonction {
	width:160px;color:#EA8019;font-size:0.8em;text-align:right;line-height:1.2em;
}
.direction { color:#EA8019; }
.servicesgeneraux { color:#ba12bc; }
.referencesuivi { color:#1bb0d0; }
.ateliers { color:#5f9814; }
.intervenantsspecialises { color:#bc122a; }
.bric-a-brac { color:#521590; }
.responsablesdoffres { color:#1250cf; }
.stagiaires { color:#96c240; }