/* CSS Document */
html {font-size: 100%;} /* correction bug IE*/

body {
	margin: 0;
	padding: 0;
	background: #CCCCCC;
	font-size: 0.8em ;
	font-family : verdana, arial, sans-serif;
}
h4, h5 ,h6 {
font-size: 0.8em ;
margin: 3px 5px 3px 0;
padding: 0;
}

h1{
	font-size: 1.3em;
	text-align:left;  
	color:#fff;
	background-image:url("/fileadmin/template/images_template/fondH1.jpg");
	background-position:right;
	background-repeat:repeat-y;
	height :1%;	/* correction bug IE6 qui masquait la bordure*/
	padding-left : 3px;
}

h2{
	font-size: 1.1em;
	margin-left: 0px;
	color:#972B2B;
	text-align:left; 
	border-left : 17px solid #F0F779;
	padding-left:  10px;
	
}
h3{
font-size: 1em;
margin-left: 0px;
color:#972B2B;

}
hr {
border:1px solid #eee;
}
a{
color:#E55900;
text-decoration: none;
font-weight : bold;
}

a:hover{
text-decoration:underline;
}
a:visited{
color:#cc6600;
}

.spacer{
clear:both;
	height: 1px;
}
div.spacer {
 	clear: both;
 	height: 1px;
 }
 
.texte_pm{
	font-size: 0.8em;
}
/*********** propriété css styles content *************/
.align-right{text-align :right;}
.align-center{text-align : center;}
.align-left{text-align : left;}
.align-justify{text-align : justify;}

/**************         formulaire de recherche  entete de page  ********/
#form_rech{
	border: #999999;
	position: absolute;
	top: 126px;
	left: 820px;
}
#form_rech #searchform {
margin: 0;
padding :0 ;
height:0.9em;
font-size: 0.8em;
}

#form_rech #searchform input.bouton {
border:2px outset #DCDF54;
background-color: #E9EB95;
/*font-weight:bold;*/
cursor:pointer;
padding :0 ;
margin : 1px;
font-size: 9px;
}

div#accessibilite {
position: absolute;
top: -1000px;
	}

.gauche{
	float: left;
	height: 20px;
}

 
 a img  {
	border: 0;
}

#cadre {
	position : relative;
	width: 995px;
	background: white;
	border : 1px solid #999999;
	min-height: 600px;
	margin : 0 auto ;
	}

#site {
position: absolute;
top: -900px;
}
/* fleche retour vers le haut */
#fleche{
text-align : right;
}
 /*************** styles pour le texte des contenus   */
 
 p.bodytext , p{
	font: 0.9em verdana, arial, sans-serif;
	margin-left: 0;
	margin-right: 5px;
	padding : 0;
	text-align : justify ;
}
 
/*#droite p.bodytext,  #droite p{ 
text-align : inherit ;

}*/
 
 /*** texte legendes images */
 .csc-textpic-caption { font-size: 0.7em; padding : 2px 0 10px 0;}
 
 /**************** mise en forme des tableaux****************/
 /* TABLE - HTML Area */ 
table.contenttable {
 border: solid 1px #BCBCBC; 
 padding: 10px; 
 border-collapse: collapse; 
 width: 100%; 
 margin-top: 2px; 
 margin-bottom: 2px; 
 } 
table.contenttable caption {
font-size: 0.9em;
font-weight : bold ;
margin-left: 15px;
line-height: 2em;
color:#972B2B;
}
table.contenttable td { 
 padding: 1px 5px; 
 border: solid 1px #BCBCBC; 
 background-color: #FFFFFF; 
 } 
table.contenttable th, table.contenttable thead td , table.contenttable tfoot td { 
 background-color: #F7F7F7; 
 padding: 2px 5px ; 
 border: solid 1px #BCBCBC; 
 text-align: center; 
 font-weight : bold ;
 } 
table.contenttable th p {
font-weight : bold;
text-align: center; 
}
table.contenttable td p.bodytext , table.contenttable td p{
font: 0.9em verdana, arial, sans-serif;
text-align: inherit; 
font-weight : inherit;
 } 
table.contenttable td[STYLE] p.bodytext {
 text-align: inherit; 
 }


/* lien vers le haut de la page */
p.csc-linkToTop {
	text-align: right;
	font-size : 0.7em;
		
}
/******************************** formulaires  ************************************/

form#mailform {
/*width : 80%;*/

}
.csc-mailform-field  {
margin : 5px ;
clear:both;
font-weight : bold ;
}
.csc-mailform-field label  {
margin-right :10px;
width : 300px;
display : inline;
line-height: 2em;
float:left;
text-align: right;
font-weight : normal;
}
.csc-mailform-label {
display : none;
}

.csc-mailform-field input {
text-align: left;
line-height: 2em;
 }
.csc-mailform-field  input#mailformformtype_mail  {
text-align: center;
margin : 0 ;
line-height : 1em;
display : block;
position : relative;
left : 310px;
}

.csc-mailform-field input.csc-mailform-checked  {
text-align: left;
line-height: 2em;
}
 
 .csc-mailform-field textarea {
 text-align: left;
  }

.csc-mailform-field select {
display : inline;
line-height: 2em;
}

span.csc-mailform-radio input {
margin-right :10px;
width :20px;
line-height: 2em;
float:left;
text-align: right;
font-weight : normal ;

}
.csc-mailform-radio label {
text-align: left;
line-height: 2em;
width :auto;

}
/* lÚgende des formulaires valable aussi pour le formulaire de recherche*/
legend{
display : none;
}

 /****************************************zone centrale page d'accueil **************************/
#centre_accueil , #centre_animations{
 	margin : 10px 200px 10px 185px;
	min-height: 400px;
	width : 600px;

}
#centre_animations h1{
  margin : 10px 0 0 0;
	}

#centre_accueil h1{
	font-size : 1.7em ;
	color :#fff;
	text-align:center; 
	font-weight : normal ;
	background-image:url("/fileadmin/template/images_template/fondH1_accueil.jpg");
	line-height : 30px;
	text-transform : lowercase ;
	margin : 10px 0 0 0;
	padding : 1px 0 1px 0;
	
}
#centre_accueil h2{
	font-size : 1.1em ;
	font-weight : bold ;
	color :#972B2B;
	text-align :left;
}
/****************************************zone centrale page normales **************************/
#centre, #centre_anim_ssniveau {
	margin : 10px 10px 10px 185px;
	min-height: 400px;
	width: auto;
}
#centre ul, #centre_sans_menuG ul{
margin-left :0px;
padding-left: 18px;
}
#centre ol,#centre_sans_menuG ol{
margin-left :6px;
padding-left: 18px;
}
#centre ol li, #centre_sans_menuG ol li{
	list-style-type : decimal;
	margin-left: 0;
	padding-left: 0.8em;
}
#centre li , #centre_sans_menuG  li {
	margin-left: 0px;
	padding-left: 0.8em;
	list-style-type: disc;
	margin-top: 10px;
	font-size : 0.9em ;
}
#centre li p, #centre li h3 {
	font-size : 1em;
}
#centre li ul li , #centre_sans_menuG li ul li {
	list-style-type: circle;
	font-size : 1em ;
}
#centre li ul li ul li, #centre_sans_menuG  li ul li ul li{
	list-style-type: square;
	font-size : 1em ;
}

#centre li ul li ul li ul li, #centre_sans_menuG li ul li ul li ul li{
	list-style-type: disc;
	font-size : 1em ;
}
#centre .csc-frame-frame1 {
background:url("/fileadmin/template/images_template/fond_archives2.png") repeat-y  top center;
}
p.version_pdf  {
position: absolute;
top:123px;
left:650px;
font-size: 0.7em;
text-align :right;
width :150px;
margin : 10px 5px;
}
p.version_pdf a {
font-weight : normal;
}
p.version_pdf  img{
vertical-align : middle;
}

/******** centre sans menu Ó gauche : page recherche, plan de site, infos lÚgales ... ****/
#centre_sans_menuG {
	margin : 10px 10px 10px 20px;
	min-height: 400px;
	width: auto;
}
#centre_2C_SSmenuG{
	margin : 10px 10px 10px 20px;
	min-height: 400px;
	width: auto;
}
/************** centre page sur  2 colonnes + menu gauche , pages contacts .....**********/
#centre_2colonnes {
	margin : 10px 400px 10px 185px;
	min-height: 400px;
	width: 395px;
}

/**************************************** pied de page **************************/

#pied {
	text-align: center;
	font-size: 0.8em;
	border-top: solid 1px #972B2B;
	padding-top :7px;
	margin: 5px 5% 0 5%;
	height : 40px;
}

#logo {
position: absolute;
left: 10px;
bottom : 45px;
}
/******************************** formulaires  ************************************/

form#mailform {
/*width : 80%;*/

}
.csc-mailform-field  {
margin : 5px ;
clear:both;
font-weight : bold ;
}
.csc-mailform-field label  {
margin-right :10px;
width : 300px;
display : inline;
line-height: 1.5em;
float:left;
text-align: right;
font-weight : normal;
}
.csc-mailform-label {

display : none;


}

.csc-mailform-field input {

 text-align: left;
line-height: 2em;
 }
.csc-mailform-field  input#mailformformtype_mail  {
text-align: center;
margin : 0 ;
line-height : 1em;
display : block;
position : relative;
left : 310px;
}

.csc-mailform-field input.csc-mailform-checked  {
text-align: left;
line-height: 2em;
}
 
 .csc-mailform-field textarea {

 text-align: left;
 

 }

.csc-mailform-field select {
display : inline;
line-height: 2em;
}

span.csc-mailform-radio input {
margin-right :0;
line-height: 1.5em;
float:left;
text-align: right;
font-weight : normal ;

}
.csc-mailform-radio label {
text-align: left;
line-height: 1.5em;
width :auto;

}
/* lÚgende des formulaires valable aussi pour le formulaire de recherche*/
legend{
display : none;
}
/**************************************** menu vertical gauche **************************/
#menuG {
	float:left;
	width: 170px;
	margin : 10px 0 10px 3px;
	padding : 0;
	background-color : white;
}

#titre_menuG{
	font-size: 1em;
	min-height: 22px;
	max-height :42px;
	font-weight: bold;
	color: #972B2B;
	background-color: #FFB97A;	
	text-align : center;
	width: 170px;	
}
#titre_menuG a {
color: #972B2B;
}
#menuG ul{
padding: 0;
margin: 0 0 10px 0;
list-style-type: none;
line-height: 1.3em;
display: block;
background-color: #FFEEDE;
}
#menuG ul#niveau1{border-bottom: solid 3px #F9B78E;}
#menuG ul#niveau1, #menuG ul#niveau2, #menuG ul#niveau3 {
margin: 0 ;

}
#menuG ul#niveau1 li {
list-style-type: none;
}
#menuG ul#niveau1 li a {
width: 168px;
padding: 0 0 0 2px;
margin: 0  ;
border-top: 1px solid #972B5B;
display: block;	
color: #000;
font-weight : normal ;
}

#menuG ul#niveau1 li.menu_actif a {
width: 168px;
color: #972B2B;
font-weight : bold ;
background-color:#FACF97;
margin : 0;
padding: 0 0 0 2px;
}

#menuG ul#niveau1 li.menu_actif2 a {
color: #972B2B;
font-weight : bold ;
padding-left: 10px;
width: 160px;
background : url('/fileadmin/template/images_template/fond_menu_actif2.png') no-repeat ;
margin: 0;

}

#menuG ul#niveau1 ul#niveau2 li {
list-style-type: none;
background-color:#FACF97;
}

#menuG  ul#niveau1 ul#niveau2 li  a {
width: 154px;
padding : -2px 0 0 12px;
margin: 0 0 0 6px ;
font-size : 0.85em;
display: block;	
border : 0;
color: #000;
font-weight : normal ;
background : none;
}

#menuG  ul#niveau1 ul#niveau2 li.menu_actif a {
color: #972B2B;
font-weight : bold ;
background : none;
margin-left :2px;
padding-left: 12px;
width: 154px;
}
#menuG  ul#niveau1 ul#niveau2 li.menu_actif2 a {
color: #972B2B;
font-weight : bold ;
width: 153px;
/*border-left : 6px solid #E9EB95;*/
background : url('/fileadmin/template/images_template/fond_menu_actif2.png') no-repeat ;
padding-left: 12px;
margin-left :4px;
}
#menuG ul#niveau1 ul#niveau2 ul#niveau3 li{
list-style-type: none;
}

#menuG ul#niveau1 ul#niveau2 ul#niveau3 li a {
width: 136px;
padding: 0 0 0 12px;
margin: 0 0 0 20px ;
font-size : 0.85em;
color: #000;
display: block;	
font-weight : normal ;
border : 0;
background : none;
}
#menuG ul#niveau1 ul#niveau2 ul#niveau3 li.menu_actif a {
color: #972B2B;
font-weight : bold ;
background : none;
width: 136px;
}
#menuG ul#niveau1 ul#niveau2 ul#niveau3 li.menu_actif2 a {
color: #972B2B;
font-weight : bold ;
width: 136px;
padding-left: 12px;
margin-left: 20px ;
background : url('/fileadmin/template/images_template/fond_menu_actif2.png') no-repeat ;
}

#social{
margin : 25px 0 0 10px;
text-align: center;
}

#social img {
padding : 0 15px 0 0;
}
/**************************************** partie droite de la page , colonne : border**************************/
#droite {
	float :right;
	margin : 5px 3px 5px 5px;
	padding:0 ;	
	background: white;
	border-left : 5px solid white;
}

#droite h1{
	font-size: 1.14em;
	color: #972B2B;
	font-weight: bold;
	line-height : 34px;
	text-align: center;
	margin :  0;
  padding : 0 3px 0 3px  ;
	border-top : 3px solid white;
	width : 180px;
	background : url("/fileadmin/template/images_template/crochets_droite2.png") no-repeat top left;
	
}
#droite h2{
border : none;
margin-left: 0;
padding-left :5px;
}
#droite h3 {
padding-left :5px;
}

/* colonne de droite accueil : nos lettres d'info ...*/

#droite dl.bordure  dt.bordure a{
font-size: 0.9em;
color: #E55900;
margin:  3px 0 0 0;
padding : 0  ;
line-height: 34px;
text-align: center;
font-weight: bold;
background : url("/fileadmin/template/images_template/crochets_droite2.png") no-repeat top left;
display : block;
width : 186px;
}


#droite  li {
margin-left: -10px;
padding-left: 0.2em;
list-style-type: disc;
}
#droite  li ul li{
list-style-type: circle;

}
/* colonne de droite accueil et pages secondaires : contenu de la bordure, actu du site */
#droite dl.bordure   {
margin : 0;
}

#droite dd.bordure   {

font-size: 0.85em;
margin: 5px 0;
padding:0 0 2px 0 ;
width : 186px;
background-color:#F9FCC0;
}
#droite dd.bordure p.bodytext , #droite dd.bordure p{
font-size: 1em;
padding:0 5px 0 5px  ;
margin :0;
}

/******************* droite si page sur 2 colonnes + menu gauche *****/
#droite_2colonnes {
margin : 40px 3px 5px 2px;
padding:0 ;	
/*background: white;*/
float: right;
width: 400px;
}


/**************************************** menu reseau **************************/
#reseau {
height: 1.5em;
width: 736px;
margin-left :259px;
}
#reseau dl {
display : inline;
}
#reseau dl dt{
	float: left;
	width: 92px;
	margin: 0 ;
	padding : 6px 0;
	text-align: center;
	font-size: 0.85em;
	font-weight: bold;
}
#reseau dl dt.image{
padding :0;

}
#reseau dl dt a {
	color: #fff;
	text-decoration: none;
	height: 100%;
	border: 0 none;
	
}

/* calendrier des formations */
.calendar-table {
font-size:1.2em;
width : 100%;
}
/* resultats de recherche : % pertinence*/
.tx-indexedsearch .percent-tmpl-css {
margin-top:0;
}
/* bordure images texte/images */
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img, div.csc-textpic-border div.csc-textpic-single-image img {
border:2px solid #EEEEEE;
padding:0;
}