Body {
	margin:0;
	background-color:white;
	background-image : url(../img/fond.jpg);
	/*background-position:left; */
	/*background-repeat:repeat;*/
	background-attachment : fixed;

	}

h1 {
font-family: Indie Flower; 
text-align: center; 
font-weight: bold;
font-size: 20px; }

h2 {
font-family: 'Exo 2', sans-serif; 
font-size: 19px; 
font-style: bold;
color:#35445E;}

h3 {
font-family: 'Exo 2', sans-serif; 
font-size: 15px; 
font-style: bold;
color:#35445E;}
	
a img {
  border: none;
}

a 
{text-decoration:none;
color:black;
}

a:hover
{color:green;} 


p{
font-family: 'Exo 2', sans-serif;
font-size: 14px;
}

table#t01, th#t01, td#t01 {
    border: 1px solid black;
    border-collapse: collapse;
}
th#t01, td#t01 {
    padding: 5px;
}

table#t01 tr:nth-child(even) {
    background-color: #eee;
}
table#t01 tr:nth-child(odd) {
   background-color:#fff;
}
table#t01 th	{
    background-color: #166AB6;
    color: white;
}

#Contener{
	width: 1000px;
	margin:0 auto;
	position: relative;
	font-family: 'Exo 2', sans-serif;
	font-size: 14px;
	/*background-color: white;*/
	}

#Header{
	width: 900px;
	height:150px;
	margin:20px auto;
	position: relative;
	background-image:url(../img/baniere2.png);
	background-repeat:no-repeat;
	/*background-color: orange;*/
	}
	

#RightCol{
	position: absolute;
	width: 220px;
	padding:20px 10px 0 770px ;
	float: right;
	text-align:center;
	/*background-color: white;*/
	}
	
#MiddleCol{
	position: relative;
	float:left;
    padding:10px 0 0 20px ;
	width: 740px;
	min-height:1200px;
	padding-bottom:100px;
	/*background-color: white;*/
	}
	
#MiddleColFilConducteur{
	position: absolute;
	float:left;
	width: 1000px;
	min-height:800px;
	padding-bottom:100px;
	/*background-color: white;*/
	}
	
#MiddleColFilConducteurContener{
	margin:20px auto;
	padding:10px 20px 0 20px ;
	width: 900px;
	min-height:800px;
	padding-bottom:100px;
	background: #E9E9E9;
	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7);
	-moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.7);
	box-shadow:0px 0px 20px rgba(0, 0, 0, 0.7);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 2px solid #C9C9C9;
	}
	
#ContenerNote{ /* Dans la middle colonne pour les pages */
margin:0px 20px 0px 0px;
padding-top:10px;
/*font-family: 'Indie Flower';*/
/*background-color: green;*/
}

	
#Footer{
	position: absolute;
    bottom:20px;
	width: 1000px;
	height: 40px;
	font-family: 'Indie Flower';
	text-align : center;
	left:0px;
    background: #4c4e5a;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4e5a", endColorstr="#2c2d33");
    background: -webkit-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -moz-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -o-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -ms-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #f3f3f3;
	}
	
	
.menu,
.menu ul,
.menu li,
.menu a {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}
 
.menu {
    height: 40px;
    width: 1000px;
	margin:5px auto;
    background: #4c4e5a;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4e5a", endColorstr="#2c2d33");
    background: -webkit-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -moz-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -o-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -ms-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
 
.menu li {
    position: relative;
    list-style: none;
    float: left;
    display: block;
    height: 40px;
    /*width: 150px;*/
    /*background-image:url(../img/menu1.png);
     /*background-image:url(../img/submenu.png);*/
}

.menu li a {
    display: block;
    padding: 0 14px;
    margin: 6px 0;
    line-height: 28px;
    text-decoration: none;
 
    border-left: 1px solid #393942;
    border-right: 1px solid #4f5058;
 
    font-family: 'Indie Flower';
    /*font-weight: bold;*/
    font-size: 14px;
 
    color: #f3f3f3;
    /*text-shadow: 1px 1px 1px rgba(0,0,0,.6);*/
 
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}
 
.menu li:first-child a { border-left: none; }
.menu li:last-child a{ border-right: none; }
 
.menu li:hover > a { color: #8fde62; }

.menu ul {
    position: absolute;
    top: 40px;
    left: 0;
 
    opacity: 0;
    background: #1f2024;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
 
    -webkit-transition: opacity .25s ease .1s;
    -moz-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
	
	z-index: 10;
}
 
.menu li:hover > ul { opacity: 1; }
 
.menu ul li {
    height: 0;
    overflow: hidden;
    padding: 0;
 
    -webkit-transition: height .25s ease .1s;
    -moz-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
}
 
.menu li:hover > ul li {
    height: 36px;
    overflow: visible;
    padding: 0;
}

.menu ul li a {
    width: 100px;
    padding: 4px 0 4px 40px;
    margin: 0;
 
    border: none;
    border-bottom: 1px solid #353539;
}
 
.menu ul li:last-child a { border: none; }

.menu a.ok { background: url(../img/ok.png) no-repeat 6px center; }
.menu a.on { background: url(../img/on.png) no-repeat 6px center; }
.menu a.nok { background: url(../img/nok.png) no-repeat 6px center; }
.menu a.map { background: url(../img/Mapico.png) no-repeat 6px center; }
.menu a.budget{ background: url(../img/budgetico.png) no-repeat 6px center; }
.menu a.equip{ background: url(../img/equipico.png) no-repeat 6px center; }
.menu a.sante{ background: url(../img/santeico.png) no-repeat 6px center; }
.menu a.question{ background: url(../img/questico.png) no-repeat 6px center; }

.menu a.world { background: url(../img/worldico.png) no-repeat 6px center; }
.menu a.meet{ background: url(../img/rencontrico.png) no-repeat 6px center; }
.menu a.action{ background: url(../img/actionico.png) no-repeat 6px center; }
.menu a.defis{ background: url(../img/coupico.png) no-repeat 6px center; }
.menu a.photo{ background: url(../img/pictureico.png) no-repeat 6px center; }
.menu a.video{ background: url(../img/movieico.png) no-repeat 6px center; }

.menu:before, .menu:after
{
  z-index: -1;
  content: "";
  position:absolute;
  bottom: 0px;
  left: 5px;
  width: 985px;
  top: 170px;
  background: rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 5px 10px 15px rgba(0,0,0, 0.7);
  -moz-box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.7);
  box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.7);
}

.menu:after
{ 
display:none;
}


#postit{
opacity:0.9;
z-index : 1;
position : relative;
text-shadow: 0 1px 0 #fff;
line-height: 1.5;
text-align: center;
padding-top:20px;
padding-bottom:5px;
margin-top: 25px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FEFEFE", endColorstr="#EBEBEB");
background: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#EBEBEB));
background: -webkit-linear-gradient(top, #FEFEFE 0%,#EBEBEB 100%);
background: -moz-linear-gradient(top, #FEFEFE 0%,#EBEBEB 100%);
background: -o-linear-gradient(top, #FEFEFE 0%,#EBEBEB 100%);
background: -ms-linear-gradient(top, #FEFEFE 0%,#EBEBEB 100%);
background: linear-gradient(top, #FEFEFE 0%,#EBEBEB 100%);

-moz-box-shadow: 2px 6px 12px -2px #252525;
-webkit-box-shadow: 2px 6px 12px -2px #252525;
-o-box-shadow: 2px 6px 12px -2px #252525;
box-shadow: 2px 6px 12px -2px #252525;

-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 2px solid #F0F0F0;
}

#postit:before, #postit:after{
height:30px;
width:216px;
top:0px;
left:0px;
position:absolute;
z-index:-1;
background-color:#F0F0F0;/*#F5F5F5;*/
content: "";
}



/*                                                       CECI EST POUR LA PAGE d'acceuil */

#ContenerBlocNews{
position:relative;
z-index: 0;
width:490px;
height:150px;
margin-top :30px;
margin-left:20px;
padding-left:200px;
padding-right:10px;
padding-top:2px;
background: rgba(255, 255, 255, 0.9);
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7);
-moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.7);
box-shadow:0px 0px 20px rgba(0, 0, 0, 0.7);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

#ContenerImgNews{
position: absolute; 
top:20px; 
left:20px;
height:100px;
width:150px;
padding:5px;
margin-top: 0px;
background-color:White;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align:center;
}

#ContenerImgNews:before, #ContenerImgNews:after
{
 z-index: -1;
  content: "";
  position:absolute;
  bottom: 10px;
  left: 6px;
  width: 72px;
  top: 5px;
  max-width:150px;
  background: rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.5);
  -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
  -webkit-transform: rotate(-2.5deg);
  -moz-transform: rotate(-2.5deg);
  -o-transform: rotate(-2.5deg);
  -ms-transform: rotate(-2.5deg);
  transform: rotate(-2.5deg);
}

#ContenerImgNews:after
{
 -webkit-transform: rotate(2.5deg);
  -moz-transform: rotate(2.5deg);
  -o-transform: rotate(2.5deg);
  -ms-transform: rotate(2.5deg);
  transform: rotate(2.5deg);
  right: 6px;
  left: auto;
}

#datetime
{
width:70px;
height:50px;
position:absolute; 
right:-5px; 
top:-10px;
color:white;
font-size:14px;
text-align:center;
padding-top:8px;
background: #4c4e5a;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#headnews
{
height:16px;
position:relative; 
margin:2px;
padding-left:5px;
font-size:11px;
text-align:left;
background: #F0F0F0;
}

/*-------------*/

#ContenerNoteTrombone{
position:relative;
z-index: 0;
width:211px;
height:156px;
  -webkit-transform: rotate(25deg);
  -moz-transform: rotate(25deg);
  -o-transform: rotate(25deg);
  -ms-transform: rotate(25deg);
  transform: rotate(25deg);
}

/*                                                       CECI EST POUR LA PAGE dArticles */

#ContenerBlocArticle{
position:relative;
z-index: 0;
width:680px;
min-height:150px;
padding :10px;
margin-top:30px;
background: rgba(255, 255, 255, 0.9);
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7);
-moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.7);
box-shadow:0px 0px 20px rgba(0, 0, 0, 0.7);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align:justify;
}

/*                                                  CECI EST POUR LA PAGE Projet */

#ContenerBlocProj{
position:relative;
z-index: 0;
width:620px;
margin-top : 0px;
padding-left:50px;
}

#BlocProj{
width:620px;
height:807px;
position:relative;
background-image : url(../img/noteproj2.jpg);
background-repeat:repeat-y;
}

#BlocProj:before, #BlocProj:after
{
z-index: -1;
content: "";
width:620px;
height:807px;
position:absolute;
left:0px;
top:0px;
background: rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7);
-moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.7);
box-shadow:0px 0px 20px rgba(0, 0, 0, 0.7);
}

#BlocProj:after
{
display:none;
}

#BlocProjContenerText{
margin:30px 150px 10px 120px;
padding-top:10px;
width:480px;
text-align:left;
line-height: 1.4;
}

/*                                                  CECI EST POUR LA PAGE Preparatifs */


#ContenerBlocPrepa{
position:relative;
z-index: 0;
width:680px;
margin-top :20px;
padding:20px;
background: rgba(255, 255, 255, 0.8);
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7);
-moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.7);
box-shadow:0px 0px 20px rgba(0, 0, 0, 0.7);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 2px solid #C9C9C9;
text-align:justify;
}

/*                                                CECI EST POUR LA PAGE Qui sommes nous */

#ContenerBlocQui{
position:relative;
z-index: 0;
width:680px;
margin-top :180px;
margin-left:10px;
background: rgba(255, 255, 255, 0.9);
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7);
-moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.7);
box-shadow:0px 0px 20px rgba(0, 0, 0, 0.7);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}


/*                                                       CECI EST POUR LA PAGE Action */
#ContenerBlocAction{
position:relative;
z-index: 0;
width:650px;
margin-top :10px;
padding:0px 20px 20px 20px;
background: rgba(255, 255, 255, 0.7);
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);
-moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.8);
box-shadow:0px 0px 20px rgba(0, 0, 0, 0.8);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 2px solid #CDE9A7;
}

#ContenerAction{
background:white;
border: 2px solid #CDE9A7;
padding:7px;
min-height:80px;
}

#ContenerAction:hover{
border: 2px solid #BD2428;
}

h3.TitreAction{
background:url(../img/iconeplaneteverte_T.png) no-repeat; 
padding-left:35px;
height:30px;
padding-top:10px;
font-size:14px;
}

/*                                                        CECI EST POUR LA PAGE DEFIS */
#DefiBackground{
margin:30px 0px 0px 0px;
padding:10px;
background-color: #E8EADB; /*#FCF2CD; */
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7);
-moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.7);
box-shadow:0px 0px 20px rgba(0, 0, 0, 0.7);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 2px solid #C9C9C9;
width:705px;
}

#ContenerDefi{
position:relative;
z-index: 0;
margin-top :20px;
margin-left:20px;
margin-right:20px;
padding:5px;
background: #F5F2EE;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid #C9C9C9;
text-align:justify;
}


/*                                                      CECI EST POUR LES COMMENTAIRES */

#ContentALLComment{
	width: 715px;
	background: #C9C9C9;
	margin-top: 40px;
	padding-left : 10px;
	color:rgb(15, 43, 56);
	font-size: 14px;
	font-family: 'Indie Flower';
	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7);
	-moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.7);
	box-shadow:0px 0px 20px rgba(0, 0, 0, 0.7);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 2px solid #FFFFFF;
}

#ContentComment{
	width: 685px;
	background: #FDFDFD;
	padding:10px;
	color:rgb(15, 43, 56);
	font-size: 16px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

#ContentIdentityComment{
	font-family: 'Indie Flower';
	padding-top: 0px;
	padding-left : 0px;
	color:rgb(15, 43, 56);
	background: #EBEBEB;
	background-repeat:no-repeat;
	font-size: 16px;
	border: 2px;
	border-color:black;
	/*background-color:blue;*/
	height:20px;
}

#ContentTextComment{
	padding-top: 0px;
	padding-left : 100px;
	color:rgb(15, 43, 56);
	font-size: 14px;
	min-height:50px;
	/*background-color:yellow;*/
}


.hp {
    display: none;
}

/*                                                        CECI EST POUR LA PAGE CARNET DE VAOYAGE */

h3.TitreCarnetVoyage{
background:url(../img/panneaux_direction.png) no-repeat; 
padding-left:60px;
height:60px;
padding-top:28px;
font-size:16px;
}


#ContenerCarnetdeRoute{ 
margin:30px 0px 0px 0px;
padding:10px;
background-color: #E8EADB; 
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7);
-moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.7);
box-shadow:0px 0px 20px rgba(0, 0, 0, 0.7);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 2px solid #C9C9C9;
width:715px;
}

#ContenerBlocPays{
position:relative;
z-index: 0;
margin-top :20px;
padding:5px;
background: #F5F2EE;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid #C9C9C9;
text-align:justify;
}

/*                                                      CECI EST POUR LA PAGE ECOLE */

#ContentALLQuestions{
	background: #C9C9C9;
	margin-top: 20px;
	padding-left : 10px;
	color:rgb(15, 43, 56);
	font-size: 14px;
	border: 2px solid #FFFFFF;
}

#ContentQuestions{
	background: #FDFDFD;
	margin-top:10px;
	margin-right:10px;
	color:rgb(15, 43, 56);
	font-size: 16px;
	border: solid 1px;
	border-color:black;
}

#ContentIdentityQuestions{
	padding-top: 0px;
	padding-left : 5px;
	color:rgb(15, 43, 56);
	background: #EBEBEB;
	background-repeat:no-repeat;
	font-size: 16px;
	/*background-color:blue;*/
	height:20px;
}

#ContentTextQuestions{
	padding-top: 0px;
	padding-left : 50px;
	color:rgb(15, 43, 56);
	font-size: 14px;
	min-height:50px;
	/*background-color:yellow;*/
}

#ContentIdentityReponse{
	padding-top: 0px;
	padding-left : 5px;
	margin-left:150px;
	color:rgb(15, 43, 56);
	background: #EBEBEB;
	background-repeat:no-repeat;
	font-size: 16px;
	/*background-color:blue;*/
	height:20px;
}
#ContentTextReponse{
	padding-top: 0px;
	padding-left : 160px;
	color:rgb(15, 43, 56);
	font-size: 14px;
	min-height:50px;
	/*background-color:yellow;*/
}