* { padding: 0; margin: 0; }


html, body {
	margin:0px;
	border:0px;
	padding:0px;
	width:100%;
	height:100%;
	background-image:url(images/bg-bleuClair.gif);
	background-repeat:repeat-y;
	background-position:center;
}

#frame{
	position:relative;
	margin:auto;
	background-image:url(images/bg-bleuClair.gif);
	background-repeat:repeat-y;
	width:780px;
	border:0px;
	padding:0px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:780px;
}

#header{	
	border:0px;
	padding:0px;
	background-image:url(images/header.jpg);
	width:780px;
	height:80px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:780px;
	height:80px;
}

#left-nav{
	position:relative;
	float:left;
	border:0px;
	padding:0px;
	margin:0px;
	width:122px;
	height:100%;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:122px;	
}

#content{
	float:left;
	border:0px;
	padding:0px;
	margin:0px;
	width:431px;
	height:100%;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:431px;				
}

#right-nav{
	position:relative;
	float:right;
	border:0px;
	padding-left:0px;
	margin:0px;
	text-align:left;
	width:227px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:227px;
}


html, body {
	/*background-color:#FFF474;*/
	background-color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
}

a {color:#000000;text-decoration:none;}
a:hover {color:#CC0000;text-decoration:none;}

#content-box-wide a {color:#000000;border-bottom:#333333 dashed 1px;}
#content-box-wide a:hover {color:#CC0000;border-bottom:#CC0000 solid 1px;}

h1{	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 2.2em;
	font-weight:bold;
	color:#000000;
}

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight:bold;
	color:#006564;
	margin: 6px 0px 6px 0px;
}

h3{
	font-size: 0.90em;
	color:#000000;
}

.bold{
	font-weight:bold;
}

.bold-larger{
	font-weight:bold;
	font-size:1.1em;
}

.small-caps{
	font-variant:small-caps;
}

.half-line{
	margin-bottom:0.6em;
}

.half-line-bold{
	margin-bottom:0.6em;
	font-weight:bold;
	font-size:1.1em;
}

.bold{
	font-weight:bold;
}
		
.italic{
	font-style:italic;
}
	
.nosee{
	display:none;
}


/**** HEADER **********************************************/







/**** MAIN LEFT NAV ***************************************/
ul#left-nav-list{
	border:0px;
	padding:0px;
	margin:0px;
	top:10px;
	left:0px;
	list-style:none;	
	font-size:12px;
	font-weight:bold;
	
}


ul#left-nav-list li a{
	display: block ;
	list-style:none;
	height:32px;
	padding:0px 0px 0px 14px;
	background-image:url(images/triangle-big-red.gif);
	background-repeat:no-repeat;
	background-position:0px -1px;
	text-decoration:none;
	color:#666666;
}


ul#left-nav-list li a:hover, ul#left-nav-list li a:active{
	color:#F28212;
	text-decoration:none;
	background-position:0px -44px;
}

#flag{
	margin: 29px 0px 30px 30px;
}

#diapo{
	height:59px;
	width: 62px;
	margin-left:10px;
}

a #diapo{
	background-image:url(images/diapo.gif);
	background-repeat:no-repeat;	
	background-position: 0px 0px;	
}

a #diapo:hover{
	background-position: 0px -79px;	
}

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

#ticker-div{
	position:relative;
	width:404px;
	height:20px;
	background-image:url(images/bg-ticker.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	margin:24px 0px 20px 0px;
}

#ticker-div-empty{
	width:404px;
	/*height:43px;*/	
	margin-bottom: 10px;
}

#ticker-inner{
	position:absolute;
	margin:4px 0px 0px 0px;
}



/*

#ticker-div{
	width:404px;
	height:43px;
	background-image:url(images/bg-ticker.gif);
	background-repeat:no-repeat;
	margin-bottom: 20px;
}

#ticker-div-empty{
	width:404px;
	/*height:43px;*/
	/*
	margin-bottom: 10px;
}

#ticker-inner{
	margin:25px 0px 0px 7px;	
}
*/
/**********************************************************************************/

#content-box{
	width:370px;
}

#content-box-wide{
	width:404px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#000000;
}

#index-main{
	position:relative;
}

#index-title{
	position:absolute;
	top:23px;
	left:224px;
	width:150px;
	height:86px;
	z-index:10;
}

.image-en-tete{
	margin-top:22px;
}

#index-title h1{	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight:bold;
	color:#015464;
	border:0px;
	padding:0px;
	margin:0px;
}

#index-present{
	position:absolute;
	top:135px;
	left:50px;
	width:324px;
	height:149px;
	text-align:justify;
	letter-spacing:0px;
	line-height:1em;
	z-index:11;
}

#index-present div{
	margin-bottom:4px;
}

#index-chef{
	position:absolute;
	top:286px;
	left:218px;
	width:140px;
	height:22px;
	/*letter-spacing:-1px;
	line-height:1em;*/
	z-index:12;
}


#center-title{
	margin: 22px 0px 20px 0px;
}

#center-title-fiche{
	margin: 2px 0px 20px 0px;
}

/************ FORMATIONS INDEX *******************************************/

#content h3{
	font-weight:bold;
	font-size:1.1em;
	margin:10px 0px 10px 0px;
}

#content ul{
	border:0px;
	padding:0px;
	margin:0px 0px 0px 30px;
	list-style-type:none;
}

#content ul li a{	
	padding:0px 0px 0px 0px;
	line-height:16px;
	text-decoration:none;
	font-size:1.1em;
	font-weight:bold;
	color:#666666;	
}


#content ul li a:hover, #content ul li a:active{
	color:#F28212;
	text-decoration:none;
}

#content ul .li-europe{
	list-style-image:none;
	list-style-position:inside;
	background-image:none; 
	font-weight:bold;
	font-size:1.2em;
}

#organibut{
	height:15px;
	width: 138px;
}

a #organibut{
	
}

a #organibut:hover{

}


#option-euro{
	padding:16px 0px 0px 8px;
	position:absolute;
	left:91px;
	margin-top:44px;
	height:62px;
	background-image:url(images/formation-traitGris.gif);
	background-repeat:repeat-y;
	top: 358px;
}

#option-euro a{
	font-size:1.1em;
	font-weight:bold;
	color:#666666;	
}

#option-euro a:hover{
	color:#F28212;
}

.euro-link{

}

#option-euro2{
	padding:16px 0px 0px 8px;
	position:absolute;
	left:269px;
	margin-top:44px;
	height:37px;
	background-image:url(images/formation-traitGris.gif);
	background-repeat:repeat-y;
	width: 136px;
	top: 543px;
}
/*************************************************************************/

.red h1{	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 2.2em;
	font-weight:bold;
	color:#E51C24;
	border:0px;
	padding:0px;
	margin:0px;
}

.big-lt-blue-title{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.9em;
	font-weight:bold;
	color:#008CD7;
	border:0px;
	padding:0px;
	margin: 15px 0px 15px 0px;
}

.smaller-lt-blue-title{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#008CD7;
	border:0px;
	padding:0px;
	margin: 15px 0px 15px 0px;
}


.big-dk-blue-title{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.9em;
	font-weight:bold;
	color:#004488;
	border:0px;
	padding:0px;
	margin: 15px 0px 15px 0px;
}

.big-dk-blue-page-title{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.9em;
	font-weight:bold;
	color:#004488;
	border:0px;
	padding:0px;
	margin: 4px 0px 0px 0px;
}

/**** HORAIRES TABLE **************************************/

#horaires-table table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #D4D4D4;
}

#horaires-table td {
	border-bottom: 1px solid #D4D4D4;
}


.print-div {width:404px;text-align:right;margin-right:20px;border-top:#CCCCCC dotted 1px;padding-top:4px;}

.pdf-div {width:404px;text-align:right;margin-right:20px;}




/*********** OTHER BITS FOR GENERIC PAGES *******************/

.normal-page-photo{
	margin: 24px 0px 16px 0px;
}

.dark-blue-title{
	color:#004488;
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	font-weight:bold;
	margin-bottom:6px;
}

.dark-blue-title-smaller{
	color:#004488;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	margin-bottom:16px;
}

.dark-blue-title-16{
	color:#004488;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin-bottom:16px;
}

.goldy-title-smaller{
	color:#F29400;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	margin-bottom:16px;
}

.quote-italic{
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-style:italic;
	margin-bottom:0px;
}

.quote-author{
	text-align:right;
	margin-bottom:10px;
}

.generic-header-paragraph{
	font-size:12px;
	font-weight:bold;
	margin-bottom:16px;
}

.generic-paragraph-title{
	font-size:16px;
	font-weight:bold;
	color:#006564;
	margin-bottom:10px;
}

.generic-paragraph-title-smaller{
	font-size:14px;
	font-weight:bold;
	color:#006564;
	margin-bottom:6px;
}

.generic-paragraph-text{
	margin-bottom:16px;
}

.generic-paragraph-text-closer{
	margin-bottom:8px;
}

.generic-text-left-margin{
	margin-left:20px;
}

#split-page-image{
	float:right;
	margin: 0px 0px 20px 20px;
}

/*********** LISTE DES ASSOCIATIONS *************************/

#asso-but{
	float:right;
	margin: 20px 0px 20px 20px;
}

#club-list{
	border:0px;
	padding:0px;
	margin:0px 0px 0px 30px;
	font-size:14px;
	font-weight:bold;
	color:#006564;
	list-style-image:url(images/triangle-small-orange.gif);
	list-style-position: outside;
}

#club-list li{
	color:#006564;	
	line-height:22px;
}

#club-list li a{	
	display:block;
	color:#006564;
	padding:0px 0px 0px 0px;

	text-decoration:none;
}


#club-list li a:hover{
	color:#F28212;
	text-decoration:none;
}


/************************************************************/
/*
/*					RIGHT NAV STUFF
/*
/***********************************************************/




/**** RIGHT NAV ACTUS **************************************/

#right-title-actualites{
	width:154px;
	height:27px;
	background-image:url(images/title-actualites.gif);
	background-repeat:no-repeat;
	margin-bottom:15px;
}

#right-title-cdi{
	width:154px;
	height:66px;
	background-image:url(images/title-cdi.gif);
	background-repeat:no-repeat;
	margin-bottom:15px;
}


#right-title-formations{
	width:151x;
	height:56px;
	background-image:url(images/title-formations.gif);
	background-repeat:no-repeat;
	margin-bottom:15px;
}

#right-title-associations{
	width:200px;
	height:66px;
	background-image:url(images/title-associations.gif);
	background-repeat:no-repeat;
	margin-bottom:15px;
}

.index-actu-div{
	width:180px;
	padding-left:0px;
	margin-bottom:13px;
}

.index-actu-div a{
	text-decoration:none;
	color:#666666;	
	font-size:1.1em;
	font-weight:bold;	
}


.index-actu-div a:hover, a:active{
	color:#F28212;
	text-decoration:none;
}

#right-padding-box{
	width:194px;
	margin: 0px 0px 0px 13px;
}


#right-nav-inner{
	width:194px;
	margin: 0px 0px 0px 13px;
}

.right-nav-inner-title{
	color:#004488;
	font-family:"Times New Roman", Times, serif;
	font-size:32px;
	font-style:italic;
	font-weight:bold;
	margin-bottom:16px;
}

.right-nav-inner-text{
	font-size:10px;
	margin-bottom:6px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

#right-title-pastorale{
	width:138px;
	height:66px;
	background-image:url(images/title-pasto-bleu.gif);
	background-repeat:no-repeat;
	margin-bottom:15px;
}

/*************** RIGHT NAV FORMATIONS *************************/

#right-nav h3{
	font-weight:bold;
	font-size:1.1em;
	margin:10px 0px 10px 0px;
}

#right-nav ul{
	border:0px;
	padding:0px;
	margin:0px 0px 0px 20px;
	list-style-image:url(images/triangle-small-orange.gif);
	list-style-position: outside;
}

#right-nav ul li a{	
	padding:0px 0px 0px 0px;
	line-height:18px;
	text-decoration:none;
	font-size:1.1em;
	font-weight:bold;
	color:#666666;	
}


#right-nav ul li a:hover, #right-nav ul li a:active{
	color:#F28212;
	text-decoration:none;
}

#option-euro-right{
	padding:16px 0px 0px 8px;
	position:absolute;
	left:90px;
	margin-top:4px; 
	height:47px; 
	background-image:url(images/formation-traitGris.gif); 
	background-repeat:no-repeat;
}

#option-euro-right a{
	font-size:1.1em;
	font-weight:bold;
	color:#666666;	
}

#option-euro-right a:hover{
	color:#F28212;
}


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

/* mail form styles */

#mailholder{

}

label{
float: left;
width: 100px;
font-weight: bold;
}

input, textarea{
width: 180px;
margin-bottom: 5px;
border: #BCCEE7 1px solid;
}

textarea{
width: 250px;
height: 120px;
border: #BCCEE7 1px solid;
}

.boxes{
width: 1em;
}

#submitbutton{
margin-left: 100px;
margin-top: 5px;
width: 90px;
border: #BCCEE7 1px solid;
}


/* end mail form styles */