@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}
strong, b {
	font-weight :bold;
}
div#haut {
	background:url(../images/header.png) no-repeat;
	width:860px;
	height:168px;
	float: left;
	text-align: center;
	margin-left: 7px;
}

body {
	font-size: 13px;
	background-color:#FFF;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	background:url(../images/pyramide.png) no-repeat left top;
}
p {
	font-variant:normal;
	
}
a {
	text-decoration:none;
	color:#000;
}
a:hover {
	text-decoration:underline;
	color:#1db5cc;
	border:none;
}

#global {
	width:850px;
	margin-left:auto;
	margin-right:auto;	
}
#global #tabs {
	float:left;
	width:850px;	
}
#global #tabs #liste {
	float:left;
	width:850px;
	list-style:none;
	text-align:center;	
	margin-bottom:0px;
	margin-left:6px;
}
#liste a {
	color : #FFFFFF;
	font-weight : bold;
	background-color:#0081C3;
	padding:20px;
	display:block;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
#liste a:hover{

	background-color:#00488b;
	padding:20px;
	display:block;
	color:#1db5cc;
	border-top:1px solid #1db5cc;
	border-bottom:1px solid #1db5cc;
}
#liste a.active {
	color : #000000;
	background-color: #CCC;
	padding:20px;
	display:block;
	border-top:1px solid #0081C3;
	border-bottom:1px solid #0081C3;
}
#global #tabs #liste li { 
	float:left;
	width:281px;	
	padding-top:8px;
	padding-bottom:8px;
	margin-left:2px;
}
#global #tabs #content_1, #global #tabs #content_2, #global #tabs #content_3 {
	float:left;
	width:850px;
	margin-left:5px;
	border:1px solid #eef6f7;
}

#global #tabs #content_1 {
	display:block;
}

#global #tabs #content_2 {
	display:none;
}

#global #tabs #content_3 {
	display:none;
}


#salle {
	border-bottom:1px dotted #999;
	border-top:1px dotted #999;
	text-align:center;
	margin-bottom:20px;
}

#theme {
	float:left;
	width:770px;
	background-color: #00488b;
	color:#FFF;
	padding:15px;
	margin-top: 10px;
	margin-bottom: 10px;}


/* Les class */
.conteneur {
	width:850px;
	position : relative;
}

.conteneur .atelier {
	max-width: 850px;
    width: 100% !important;
}



.heure {
	/*width:50px;*/
	height : 100%;
	float:left;
	text-align:left;
	font-weight : bold;
	vertical-align: middle;
}
.icone {
	width:50px;
	height : 100%;
	float:left;
	text-align:center;
	font-weight : bold;
	vertical-align: middle;
	margin-top:-5px;
	margin-left:-5px;
	margin-right:-1px;
}
.icone-atelier {
	width:33px;
	height : 100%;
	float:left;
	text-align:center;
	font-weight : bold;
	vertical-align: middle;
	margin-top:0px;
}
.icone-bleu {
	width:46px;
	height : 100%;
	float:left;
	text-align:center;
	font-weight : bold;
	vertical-align: middle;
	margin-top:-3px;
	margin-left:-3px;
}

.texte {
	width:750px;
	min-height : 20px;
	margin-bottom:5px;
	margin-left:5px;

}
.clear{
	clear : both;
	}
.titre {
	color:#00A2A8;
	font-variant:small-caps;
}
.mode {
	font-variant:normal;
	float: right;
}
.puce {
	background:url(../images/puce.png) no-repeat left center;
	width : 100%;
	padding-left : 15px;
}
.puce-vide {
	width : 100%;
	padding-left : 15px;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: left center;
}
.puce2 {
	background:url(../images/puce2.png) no-repeat left center;
	width : 100%;
	padding-left : 15px;
}
.conteneur_pause{
	text-align : center;
	width:100%;}
.conteneur_pause .pause{
	background:url(../images/tasse.png) no-repeat left center;
	color : #b2cc57;
	width:100%;
	padding-left : 20px;
	text-align:center;
	font-weight : bold;
}
.dej {
	background:url(../images/assiette.png) no-repeat left center;
}
.presentation  {
	width:55px;
	height:64px;
	
}
.meudon {
	background-color : #b2cc57;
	text-align : center;
	color : #FFFFFF;
	height : 30px;
	font-size : 14px;
}
.meudon p{
padding-top : 8px;}

.contenu {
	position : relative;
	width : 800px;
	min-height : 20px;
	margin-left : 13px;
}
.bleu{
	color : #0081c3;
	line-height: 14px;
	font-weight : bold;
	}
.vert{
	color : #b2cc57;
	padding-left : 15px;}
.colbert{
	background-color : #0081c3;
	color : #FFFFFF;
	text-align : center;
	height : 30px;
	font-size : 14px
	}
.colbert p{
padding-top : 8px;}
.sous_body{
	text-align : justify;
	width : 800px;}
.gras{
	font-weight : bold;}
.contenu div{
	display : inline-block;
}
.atelier{
	
	width : 800px;
	min-height : 20px;
	padding : 0 auto;
	margin-left : 25px;}
.atelier_titre{
	font-weight : bold;
	background-color:#b2cc57;
	text-align : center;
	color : #FFFFFF;
	height : 20px;
	width : 800px;}
	
.atelier_titre p{
padding-top : 5px;}

.atelier_titre2{
	font-weight : bold;
	display:table-cell;
	width:400px;
	padding-left : 20px;
	color : #FFFFFF;
	background-color : #b2cc57;}
	
.atelier_titre2 p{
padding-top : 5px;}
	
	
.atelier_contenu{
	display:table-cell;
	border:solid 1px #b2cc57;
	width : 800px;
	padding-left : 20px;}
.atelier_contenu2{
	display:table-cell;
	border:solid 1px #b2cc57;
	width:400px;
	padding-left : 20px;}
.atelier_contenu3{
	display:table-cell;
	width:266px;
	border:solid 1px #b2cc57;
	padding-left : 20px;}
.atelier_contenu p{
	padding-left : 15px;
	margin-top : 5px;}
.atelier_contenu2 p{
	padding-left : 15px;
	margin-top : 5px;}
.atelier_contenu3 p{
	padding-left : 15px;
	margin-top : 5px;}
.test{
	margin-top : 3px;
	/*margin-left:35px;*/
	font-weight: normal;
	color:#000;
}