html {
height:100%;
overflow-x:hidden;
overflow-y:scroll;
}

body{
	
font-family:Arial,Helvetica,sans-serif; /*"Lucida Grande",Arial,Verdana,sans-serif;*/
letter-spacing:0.4px;
color:#444;
font-size:0.8em;
line-height:1.2em;
background:#fff;
margin:0;
border:0;
}

img{border:0;}


.left{
float:left;
}

.right{
float:right;
}

.clear{
clear:both;
line-height: 0;
height: 0;
}


/*******************  template  ******************/

#container{
width:760px;
padding:41px 5px;
margin: 0 auto;
}

#containerimg{
width:809px;
padding:5px;
margin: 0 auto;
}

.header{
height: 123px;
background: #cee9e9 url('/images/header.gif') left top no-repeat;
}


.logo{
	display: block;
	float: left;
	height: 123px;
	
}

.logo img{
	display: block;
}

.rubrik{
	float: right;
	padding-top: 45px;
	width:528px;
}

.content{
 border: 6px solid #cee9e9;
 border-top: none;
 background: white url('/images/mainbg.gif') -74px top repeat-y;
 

}

.lang{
padding: 20px 12px 40px 12px;
}

.path{
font-size:0.85em;
color:#ccc;
height:20px;
}
.path a{
color:#ccc;
}



.col1{
float:left;
width:176px;
border-top: 31px solid white;
}

.col2{
float:right;
width:482px;
padding: 20px 50px 60px 40px;
background: white;
}


.footer{
padding:12px 0 70px;
color:#383838;
}





/******************* general *******************/

.left{
float:left;
}

.right{
float:right;
}

h1{
	letter-spacing:0.7px;
	font-size:1.3em;
	line-height:0.9em;
	color: #68217c;
	border-top: 1px solid #cee9e9;
	border-bottom: 1px solid #cee9e9;
	padding: 10px 0 11px 0;
	margin: 10px 0;
}

*html h1{
	margin: 30px 0 20px 0;
}

*+html h1{
	margin: 30px 0 20px 0;
}


h2{
color: #3D8AAC;
font-size:1em;
line-height:0.9em;
margin:0;
padding:0 0 6px 0;
}

h2 a{
font-size:0.9em;
}

h3{
color: #68217c;
font-size:1.2em;
line-height:1.1em;
margin:0;
padding:23px 0 2px 0;
}

strong strong{
	display: block;
color: #68217c;
font-size:1.2em;
line-height:1.1em;
margin:0;
padding:12px 0 0 0;
}

h3.spip{
	color: #3D8AAC;
	text-align: center;
	font-size: 1em;
}

.infobox h3{
	font-size: 0.9em;
	padding: 6px 0 12px 0;
}

a{
color:#3d8aac;
text-decoration:none;
}

a:hover{
color:#69207c;
}

a:active{
color:#e9e616;
}



/*********************  mainmenu  ******************/ 




ul{
list-style:none;
margin:0;
padding:0;
}

*html ul#mainmenus{
	width: 170px;
}

ul#mainmenus ul{
	background: white;
}


ul#mainmenus li{	
	list-style:none;
}

ul#mainmenus li a{
	display:block;
	text-decoration:none;
	padding:10px 0 11px 8px;
	border-bottom: 1px solid #eee;
	font-weight: bold;

}

ul#mainmenus li li a{
	border-bottom: none;
	font-weight: normal;
	padding:8px 12px 9px 8px;
}

ul#mainmenus .on{
	background: url('/images/kub.gif') 98% center no-repeat;
}

*html ul#mainmenus .on{
	background: url('/images/kub.gif') 95% center no-repeat;
}

*+html ul#mainmenus .on{
	background: url('/images/kub.gif') 95% center no-repeat;
}


ul#mainmenus li a:active{
color:#69207c;
}


.s {}



/******** details ***********/

.aligner{
	float: right;
	width: 290px;
}

a.btn{
	display: block;
	float:left;
	background:#cee9e9; 
	padding: 6px 12px 7px 12px;
	margin: 12px 0 6px 0;
	font-weight: normal;
}
a.btn:hover{
background: #b3d2de;
}

.infobox{
	padding: 12px;
	border: 2px solid #68217c;
}

.chapo .infobox{
	float: right;
	width: 275px;
}

.infobox .date{
	padding: 3px 0 3px 14px;
	font-weight: normal;
	color: #444;
	background: url('/images/kub.gif') left 5px no-repeat;
}

.chapo{
	color: #1099c3;
	font-weight: bold;
}

.spip_documents_left{
	padding: 0 10px 2px 0;
}


.img_en_ligne {
	border-top: 1px solid #cee9e9;
	border-bottom: 1px solid #cee9e9;
	padding: 12px;
}


table.triptik{
	width: 100%;
	vertical-align: top;
	text-align: center;
}



.anchorbtn{
	display: block;
	float: right;
	padding: 30px 0 0 0;
}




/* forms */

input, textarea{
border:none;
padding: 4px; 
background-color:#ddd;
}

input.submit{
background-color:#b6d1db;
border: none;
padding:4px 11px;
}



/******** home ***********/

#home{
	width: 630px;
	margin: 20px auto;
}

#home h1{
	text-align: center;
	font-weight: normal;
	border: none;
}

.slogans{
	height: 82px;
	background: white url('/images/indexCanape.gif') left top no-repeat;
}

#home a.slogan_fr{
	display: block;
	float:left;
	width: 160px;
	padding:23px 32px 35px 25px;
	color: #3d8aac;
	font-size: 0.9em;
	line-height:1em;
	

}

#home a.slogan_en{
	display: block;
	float:right;
	width: 160px;
	text-align: right;
	padding:23px 32px 35px;
	color: #3d8aac;
	font-size: 0.9em;
	line-height:1em;

}

#home a.slogan_fr:hover,
#home a.slogan_en:hover{
	color:#69207c;
}

#home .box{
	border: 6px solid #cee9e9;	
}

.box a{

		
}

.box a img{
		display: block;
}

#home .center{
	width: 320px;
	margin: 0 auto;
	padding: 45px 0 50px 0;
}

#home a.btn{
	width: 140px;
	height:19px;
	text-align: center;
	padding-top: 8px;
}


#home a.btn.right{
	float:right;
}


#responsebox{
	position: absolute;
	top:-1000px;
	width: 300px;
	padding: 20px;
	border: 2px solid #68217c;
	background: white;
	
}

#form_formation{
	padding-top: 25px;
}


.confident{
	padding-top: 20px;
	font-size: 0.85em;
}


.checkbox {
	padding-bottom: 12px;
}

.checkbox input{
	float:left;
	display: block;
}


.checkbox label{
	float:left;
	display: block;
	width: 400px;
	padding:3px 0 0 7px;
}

.minilist{
	clear: both;
	padding-left: 27px;
	font-size: 0.9em;
	color: #999;
}


tr.line td{
	border-bottom: 1px solid #cee9e9;
	height: 20px;
	margin-bottom: 8px;
}



.checkbox,
.radio{
	background: white;
}


/****************** news ******************************/


.news{
	padding: 50px 70px;
}
.new{
	padding-bottom: 20px;
}

.news h1{
	text-align: left !important;
	font-size: 1.1em;
	padding: 8px 0;
	margin:0;
	border-top: 1px solid #cee9e9 !important;
}

.news p{
	padding: 0;
	margin:0;
}

span.date{
	float:left;
	color:#bbb;
	padding-right: 5px;
	display: none;
}

.news ul{
	margin: 0;
	padding:0;
	list-style: none;
}

.news li{
	margin: 0;
	padding:2px 0 1px 10px;
	background: url("/dist/puce.gif") 0 3px no-repeat;
}
/*App'n WEb formulaire composant*/
.formo {
	width:95%;
}