@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}


@font-face {
	font-family: "Blogger_Sans";
	src: url('Blogger_Sans.otf');
}
@font-face {
	font-family: "Blogger_Sans-Italic";
	font-style: italic;
	src: url('Blogger_Sans-Italic.otf');
}
@font-face {
	font-family: "Blogger_Sans-Bold";
	font-weight: bold;
	src: url('Blogger_Sans-Bold.otf');
}

.trt_parole {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 18px;
	font-weight: bold;
	color: #f59000;
	padding-left: 60px;
	padding-top: 25px;
	background-image: url(../img/picto_parole.png);
	background-repeat: no-repeat;
	height: 54px;
	text-transform: uppercase;
	margin-top: 20px;
	margin-left: 40px;
}

.courrier_orange {
	font-size: 14px;
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: #ff9e15;
	font-weight: bold;
	margin:0px;
padding:0px;

}

.courrier_gris {
	font-size: 14px;
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: #808080;
	font-weight: bold;
	margin:0px;
padding:0px;

}

.courrier_reponse {
	font-size: 13px;
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: #808080;
font-style: italic;
font-weight:normal;
line-height:10px;
margin:0px;
padding:0px;
}

.courrier_li {
		font-size: 13px;
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: #808080;
font-style: italic;
font-weight:normal;
margin:0px;
padding:0px;
	list-style-type: none;
	background-image: url(../img/puce_niv2.png);
	background-repeat: no-repeat;
	background-position: 0 0.40em;
	padding-left: 15px;
	margin-left:0px;
}

.courrier_reponse a {
	font-size: 13px;
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: #808080;
font-style: italic;
font-weight:normal;
line-height:10px;
margin:0px;
padding:0px;
text-decoration:underline;
}

.a_reponse {
	font-size: 13px;
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: #808080;
font-style: italic;
font-weight:normal;
line-height:10px;
margin:0px;
padding:0px;
text-decoration:underline;
}

.a_reponse {
	font-size: 13px;
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: #808080;
font-style: italic;
font-weight:normal;
line-height:10px;
margin:0px;
padding:0px;
text-decoration:underline;
}

.hr_gris {
	width:100%;
	height:1px;
	background-color:#cacecd;
	margin-bottom:30px;
	margin-top:30px;
	}

.hr_orange {
	width:100%;
	height:1px;
	background-color:#ff9e15;
	margin-bottom:30px;
	margin-top:30px;
	}
	
.bouton_home {
	font-size: 10px;
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: #4e4e4e;
	background-color: #dcdcdc;
	width: 100px;
	height: 10px;
	text-decoration: none;
	padding-bottom:10px;
	padding-top:5px;
	padding-left:20px;
	padding-right:20px;
	border-radius: 30px;
	margin-left:40px;
	margin-right:40px;
	text-align: center;
	margin-top:40px;
	display:block;
	background-image:url(../img/icon_home.gif);
	background-repeat:no-repeat;
	background-position:10px 5px;
}

.bouton_home:hover {
	font-size: 10px;
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: #4e4e4e;
	background-color: #838383e;
	width: 100px;
	height: 10px;
	text-decoration: none;
	padding-bottom:10px;
	padding-top:5px;
	padding-left:20px;
	padding-right:20px;
	border-radius: 30px;
	margin-left:40px;
	margin-right:40px;
	text-align: center;
		margin-top:40px;
				display:block;
						background-image:url(../img/icon_home.gif);
		background-repeat:no-repeat;
			background-position:10px 5px;
}

.bouton_home:visited {
	font-size: 10px;
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: #4e4e4e;
	background-color: #dcdcdc;
	width: 100px;
	height: 10px;
	text-decoration: none;
	padding-bottom:10px;
	padding-top:5px;
	padding-left:20px;
	padding-right:20px;
	border-radius: 30px;
	margin-left:40px;
	margin-right:40px;
	text-align: center;
	margin-top:40px;
			display:block;
					background-image:url(../img/icon_home.gif);
		background-repeat:no-repeat;
			background-position:10px 5px;
}


.a_article {
	text-decoration:underline;
	color:#ff9e15;
}

.a_article:hover {

	text-decoration:underline;
	color:#ff9e15;
}

.a_article:link {
	text-decoration:underline;
	color:#ff9e15;
}

.li_tableau_niv1 {
		font-family:helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:11px;
	color:#3d3d3d;
	list-style-type: none;
	background-image: url(../img/puce_niv1.png);
	background-repeat: no-repeat;
	background-position: 0 0.40em;
	padding-left: 12px;
	margin-left:-35px;
}

.rubrique_modal {
		font-family:helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:11px;
	color:#6F6F6F;
	font-weight:bold;
	text-transform: uppercase;
	}

.trt_modal {
		font-family:helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:24px;
	color:#f59100;
	font-weight:bold;
	margin:0px;
	padding:0px;
	}

.sstrt_modal {
		font-family:helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:12px;
	color:#f59100;
	font-weight:bold;
	}

.txt_modal {
		font-family:helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:12px;
	color:#3d3d3d;
	}


/* Pop-up - code jusqua formulaire */


.cf:before,
.cf:after {
  content:"";
  display:table;
}
.cf:after {
  clear:both;
}
.droite {
  float:right;
}
 
.oModal {
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  opacity:0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  pointer-events: none;
  }
 
.oModal:target {
  opacity:1;
  pointer-events: auto;
}
 
.oModal:target > div {
  margin: 5% auto;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  box-shadow: 0px 0px 20px black;
}
 
.oModal > div {
  max-width: 900px;
  position: relative;
  margin: 1% auto;
  padding: 8px 8px 8px 8px;
  border-radius: 5px;
  background: white;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}
 

.oModal .footer {
  border:none;
  border-top: 1px solid #e7e7e7;
  border-radius: 0 0 5px 5px;
}
 
.oModal > div h2 {
  margin:0;
}
 
.oModal > div .btn {
  float:right;
}

.oModal > div section,.oModal > div > header, .oModal > div > footer {
  padding-bottom:0px;
  padding-left:15px;
  padding-right:15px;
  padding-top:15px;
}


.zone_popin {
	      overflow-y: auto;
		  max-height:500px;
		  margin-top:0px;
}

	/* Formulaire */

.nobordure {
	border:none;
	margin:0px;
	padding:0px;
	width: 100%;
}

.zone-label {
	display: block;
    width:100%;
	height: 75px;
}

.label-txt {
	float:left;
	display: block;
    width:100%;
	margin-bottom:5px;
	color:#808080;
	font-weight:bold;
		font-family:helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:14px;
}

.label-champs {
	float:left;
	display: block;
    width:220px;
	height:25px;
	border:#cccccc;
	box-shadow:none;
}

.champs {
	float:left;
    width:220px;
	height: 25px;
	display: block;
		color:#808080;
		font-family:helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:12px;
		box-shadow:none;
}

.champs_message {
	float:left;
    width:420px;
	height: 50px;
	display: block;
		color:#808080;
		font-family:helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:12px;
		box-shadow:none;
}

.bouton {
	border:none;
	padding:0px;
	margin-top: 30px;
	margin-bottom: 10px;
	float:left;
}


[required] {
   border: 1px solid;
   border-color:#cccccc;
}

/* Mobile Layout: 480px and below. */
  
body  {
	background-color:white;
	overflow:scroll;
}

.contenersite  {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	margin-top:0px;
	background-color:#FFFFFF;
	color:#FFFFFF;
	}


.carrousel  {
	width:100%;
	height:260px;
	background-color:white;
	background-image:url(../img/visuel_header_mobile.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-align:center;
	}


.logo_a-la-une  {
	width: 350px;
	height: 240px;
	background-image: url(../img/box_a-la-une_mobile.png);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
.titre {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-style: normal;
	font-weight: bold;
	/* fred : j'ai ajoute la taille */
	font-size: 22px;
	color: #FFFFFF;
	margin-top: 30px;
	margin-bottom: 20px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
}

.sous-titre {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-style: normal;
	font-weight: bold;
	/* fred : j'ai ajoute la taille */
	font-size: 16px;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
}

.cinquantecinq {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-style: normal;
	font-weight: bold;
	/* fred : j'ai ajoute la taille */
	font-size: 34px;
	color: #f59100;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.titre_chiffre {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-style: normal;
	font-weight: bold;
	/* fred : j'ai ajoute la taille */
	font-size: 62px;
	color: #FFFFFF;
	margin-top: -10px;
	margin-bottom: 5px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: center;
}

.titre_chiffre_info {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-style: normal;
	font-weight: bold;
	/* fred : j'ai ajoute la taille */
	font-size: 15px;
	color: #FFFFFF;
	margin-top: -10px;
	margin-bottom: 5px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: center;
}

.titre_chiffre_info2 {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-style: normal;
	font-weight: bold;
	/* fred : j'ai ajoute la taille */
	font-size: 15px;
	color: #FFFFFF;
	margin-top: 85px;
	margin-bottom: 5px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: center;
}

.titre_chiffre_legende {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-style: normal;
	/* fred : j'ai ajoute la taille */
	font-size: 11px;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: right;
}

.titre-video {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-style: normal;
	font-weight: bold;
	/* fred : j'ai ajoute la taille */
	font-size: 22px;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 100px;
	text-align: left;
	width:270px;
}

.ligne_hori {
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	background-color:#000000;
	width:100%;
	height:225px;
	display: block;
	
}

.ligne_box01 {
	background-color: #f59100;
	width: 100%;
	height: 225px;
	display: block;
	float: right;
		background-image:url(../img/fond_histoire.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.ligne_box02 {
	background-color: #831954;
	width: 100%;
	height: 225px;
	display: block;
	float: right;
			background-image:url(../img/visuel_lecteur.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.ligne_box03 {
	background-color:black;
	width:100%;
	height:225px;
	display:block;
	margin:0px;
	float:left;
	background-image:url(../img/visuel_video.jpg);
		background-repeat: no-repeat;
	background-position: -100px 0px;
}

.ligne_box04 {
	background-color: #e85d0f;
	width: 100%;
	height: 225px;
	display: block;
	float: left;
	margin: 0px;
			background-image:url(../img/fond_chiffre.png);
	background-repeat: no-repeat;
	background-position: center;
}

.ligne_box05 {
	background-color: #c62c35;
	width: 100%;
	height: 225px;
	display: block;
	float: left;
	margin: 0px;
			background-image:url(../img/fond_jeux-concours.png);
		background-repeat: no-repeat;
	background-position: 0px 0px;
}

.rubrique {
	font-family:helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-style: normal;
	font-weight: bold;
	/* fred : j'ai ajoute la taille */
	font-size:13px;
	text-transform: uppercase;
	color:white;
	margin-top:20px;
	margin-left:20px;
}


ul {
	font-family:helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:13px;
	color:#3d3d3d;
	list-style:inside;
}
.li_niv1 {
		font-family:helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:13px;
	color:#3d3d3d;
	list-style-type: none;
	background-image: url(../img/puce_niv1.png);
	background-repeat: no-repeat;
	background-position: 0 0.40em;
	padding-left: 15px;
	margin-left:5px;
}

.li_niv2 {
		font-family:helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:13px;
	color:#3d3d3d;
	list-style:circle;
	margin-left:40px;
}

.li_lien {
		font-family:helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:12px;
	color:#808080;
	list-style-type: none;
	background-image: url(../img/puce_niv1.png);
	background-repeat: no-repeat;
	background-position: 0 0.40em;
	padding-left: 15px;
	margin-left:-30px;
	margin-bottom:10px;
}

.li_lien a {
	font-size:14px;
	text-decoration:underline;
	color:#ff9e15;
}

.li_lien a:hover {
	font-size:14px;
	text-decoration:underline;
	color:#ff9e15;
}

.li_lien a:link {
	font-size:14px;
	text-decoration:underline;
	color:#ff9e15;
}


.edito p {
	margin-top:-5px;
	margin-top:-5px;
}

.signature {
	font-style:italic;
	color:#f59000;
	margin-bottom:30px;
}


.container_multi_boxs {
	margin-left:40px;
	margin-right:40px;
	padding:0px;
	text-align:center;
	display: block;
	}
	
.container_questions {
	margin-left:40px;
	margin-right:40px;
	margin-bottom:100px;
	padding:0px;
	display: block;
	}

.box_grise {
	background-color: #808080;
	width: 100%;
	height: 260px;
	display: inline-block;
	margin-bottom: 0px;
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 20px;
	padding: 0px;
	}
	
.box_orange {
	background-color: #f59000;
	width: 100%;
	height: 260px;
	display: inline-block;
	margin-bottom: 0px;
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 20px;
	padding: 0px;
	}

.visuel_box {
	object-fit: cover;
	margin:0;
	padding:0;
	width:100%
	}

.trt_box {
	width: 300px;
	height: 50px;
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 18px;
	text-transform: uppercase;
	color: #ffffff;
	margin: auto;
	padding: 0;
	margin-top:10px;
	font-weight:bold;
	display: table;
	word-wrap: break-word;
	}
	
.bouton_box {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 12px;
	color: #f59000;
	font-weight: bold;
	background-color: #FFFFFF;
	width: 130px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	border-radius: 20px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	}
	
	.bouton_box:hover {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	background-color: #e85d0f;
	width: 130px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	border-radius: 20px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	}
	
.bouton_box_lien {
	text-decoration: none;
	}
	
		.bouton_box_2lignes {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 13px;
	color:#f59000;
	font-weight:bold;
	background-color:#FFFFFF;
	width:270px;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-3px;
	border-radius:20px;
	}
		
.footer {
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	text-align:left;
	}
	
.footer_filet_haut {
	width:100%;
	height:1px;
	background-color:#cacecd;
	margin-bottom:13px;
	margin-top:0px;
	}
	
	.footer_filet_bas {
	width:100%;
	height:1px;
	background-color:#cacecd;
		margin-bottom:25px;
	margin-top:13px;
	}

.footer_logo {
	text-align:right;
	display:block;
	}
	
.footer p {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 10px;
	color:#666666;
	padding-bottom:20px;
	}

.footer a {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 10px;
	color:#666666;
	text-decoration:underline;
	}
	
.footer_home p {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 10px;
	color:#666666;
	padding-bottom:20px;
	}

.footer_home a {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 10px;
	color:#666666;
	text-decoration:underline;
	}
	
	
	.footer_home {
	margin-top:40px;
	margin-left:0px;
	margin-right:0px;
	text-align:left;
	}
	
.footer_home p {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 10px;
	color:#666666;
	padding-bottom:20px;
	}

.footer_home a {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 10px;
	color:#666666;
	text-decoration:underline;
	}
	
	
	.question {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 17px;
	color:#f59000;
	font-weight:bold;
	}
	
.reponse {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 13px;
	color:#3d3d3d;
	margin-left:20px;
	margin-right:20px;
	}

.zone_bouton_article {
	style="display:block;
	width:100%;
	margin-bottom:70px;"
}

.bouton_article {
	font-size: 14px;
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: #FFFFFF;
	background-color: #f59000;
	width: auto;
	height: 20px;
	text-decoration: none;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	border-radius: 30px;
	float: right;
	text-align: center;
	font-weight: bold;
}

.bouton_article:hover {
	font-size: 14px;
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: #FFFFFF;
	background-color: #e37b00;
	width: auto;
	height: 20px;
	text-decoration: none;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	border-radius: 30px;
	float: right;
	text-align: center;
	font-weight: bold;
}

.bouton_article:visited {
	font-size: 14px;
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: #FFFFFF;
	background-color: #e37b00;
	width: auto;
	height: 20px;
	text-decoration: none;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	border-radius: 30px;
	float: right;
	text-align: center;
	font-weight: bold;
}


.bouton_dans_article {
	font-size: 14px;
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: #FFFFFF;
	background-color: #606060;
	width: auto;
	height: 20px;
	text-decoration: none;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	border-radius: 30px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	font-weight: bold;
}

.bouton_dans_article:hover {
	font-size: 14px;
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: #FFFFFF;
	background-color: #4e4e4e;
	width: auto;
	height: 20px;
	text-decoration: none;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	border-radius: 30px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	font-weight: bold;
}

.bouton_dans_article:visited {
	font-size: 14px;
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: #FFFFFF;
	background-color: #4e4e4e;
	width: auto;
	height: 20px;
	text-decoration: none;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	border-radius: 30px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	font-weight: bold;
}



.temps {
	font-size:10px;
	font-weight:100;
}
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 86.45%;
	padding-left: 2.275%;
	padding-right: 2.275%;
	clear: none;
	float: none;
}
#div1 {
}
.zeroMargin_mobile {
    margin-left: 0;
}
.hide_mobile {
    display: none;
}

.lecture {
		margin-left:auto;
	margin-right:auto;
	height:106px;
	width:106px;
	margin-top:-20px;
}

.trt-video {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-style: normal;
	font-weight: bold;
	/* fred : j'ai ajoute la taille */
	font-size: 18px;
	color: #FFFFFF;
	margin-top: -5px;
	margin-bottom: 20px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

body  {
	background-color:white;
	overflow:scroll;
}

.contenersite  {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	margin-top:0px;
	background-color:#FFFFFF;
	color:#FFFFFF;
	}
	
.carrousel  {
	width:100%;
	height:362px;
	background-color:white;
	background-image:url(../img/visuel_header.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-align:center;
	}


.logo_a-la-une  {
	width: 629px;
	height: 3400px;
	background-image: url(../img/box_a-la-une.png);
	background-repeat: no-repeat;
	background-position: 130px 0px;
	display: block;
	margin-left:auto;
	margin-right:auto;
	}
	
.titre {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-style: normal;
	font-weight: bold;
	/* fred : j'ai ajoute la taille */
	font-size: 22px;
	color: #FFFFFF;
	margin-top: 30px;
	margin-bottom: 20px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
}

.sous-titre {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-style: normal;
	font-weight: bold;
	/* fred : j'ai ajoute la taille */
	font-size: 16px;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
}

.cinquantecinq {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-style: normal;
	font-weight: bold;
	/* fred : j'ai ajoute la taille */
	font-size: 34px;
	color: #f59100;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}



.titre_chiffre {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-style: normal;
	font-weight: bold;
	/* fred : j'ai ajoute la taille */
	font-size: 62px;
	color: #FFFFFF;
	margin-top: -10px;
	margin-bottom: 5px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: center;
}

.titre_chiffre_info {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-style: normal;
	font-weight: bold;
	/* fred : j'ai ajoute la taille */
	font-size: 15px;
	color: #FFFFFF;
	margin-top: -10px;
	margin-bottom: 5px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: center;
}

.titre_chiffre_inf2o {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-style: normal;
	font-weight: bold;
	/* fred : j'ai ajoute la taille */
	font-size: 15px;
	color: #FFFFFF;
	margin-top: 85px;
	margin-bottom: 5px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: center;
}

.titre_chiffre_legende {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-style: normal;
	/* fred : j'ai ajoute la taille */
	font-size: 11px;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: right;
}


.titre-video {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-style: normal;
	font-weight: bold;
	/* fred : j'ai ajoute la taille */
	font-size: 22px;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 100px;
	text-align: left;
	width:270px;
}

.ligne_hori {
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	background-color:#000000;
	width:100%;
	height:225px;
	display: block;
}

.ligne_box01 {
	background-color: #f59100;
	width: 50%;
	height: 225px;
	display: block;
	float: left;
	background-image:url(../img/fond_histoire.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.ligne_box02 {
	background-color: #831954;
	width: 50%;
	height: 225px;
	display: block;
	float: left;
			background-image:url(../img/visuel_lecteur.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.ligne_box03 {
	background-color:black;
	width:100%;
	height:225px;
	display:block;
	margin:0px;
	float:left;
	background-image:url(../img/visuel_video.jpg);
		background-repeat: no-repeat;
	background-position: 0px 0px;
}

.ligne_box04 {
	background-color: #e85d0f;
	width: 50%;
	height: 225px;
	display: block;
	float: left;
	margin: 0px;
			background-image:url(../img/fond_chiffre.png);
	background-repeat: no-repeat;
	background-position: center;
}

.ligne_box05 {
	background-color: #c62c35;
	width: 50%;
	height: 225px;
	display: block;
	float: left;
	margin: 0px;
			background-image:url(../img/fond_jeux-concours.png);
		background-repeat: no-repeat;
	background-position: 0px 0px;
}

.rubrique {
	font-family:helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-style: normal;
	font-weight: bold;
	/* fred : j'ai ajoute la taille */
	font-size:13px;
	text-transform: uppercase;
	color:white;
	margin-top:20px;
	margin-left:20px;
}



.edito p {
	margin-top:-5px;
	margin-top:-5px;
}

.signature {
	font-style:italic;
	color:#f59000;
	margin-bottom:30px;
}


ul {
	font-family:helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:13px;
	color:#3d3d3d;
	list-style:inside;
}
.li_niv1 {
		font-family:helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:13px;
	color:#3d3d3d;
	list-style-type: none;
	background-image: url(../img/puce_niv1.png);
	background-repeat: no-repeat;
	background-position: 0 0.40em;
	padding-left: 15px;
	margin-left:5px;
}

.li_niv2 {
		font-family:helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:13px;
	color:#3d3d3d;
	list-style:circle;
	margin-left:40px;
}

.li_lien a {
	font-size:14px;
	text-decoration:underline;
	color:#ff9e15;
}

.li_lien a:hover {
	font-size:14px;
	text-decoration:underline;
	color:#ff9e15;
}

.li_lien a:link {
	font-size:14px;
	text-decoration:underline;
	color:#ff9e15;
}


.container_multi_boxs {
	margin-left:40px;
	margin-right:40px;
	padding:0px;
	text-align:center;
	display: block;
	}

.container_questions {
	margin-left:40px;
	margin-right:40px;
	margin-bottom:100px;
	padding:0px;
	display: block;
	}

.box_grise {
	background-color: #808080;
	width: 200px;
	height: 310px;
	display: inline-block;
	margin-bottom: 0px;
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 20px;
	padding: 0px;
	}
	
.box_orange {
	background-color: #f59000;
	width: 200px;
	height: 310px;
	display: inline-block;
	margin-bottom: 0px;
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 20px;
	padding: 0px;
	}

.visuel_box {
	margin:0;
	padding:0;
	}
	
.trt_box {
	width: 175px;
	height: 80px;
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 15px;
	text-transform: uppercase;
	color: #ffffff;
	margin: auto;
	padding: 0;
	margin-top:25px;
	font-weight:bold;
	display: table;
	word-wrap: break-word;
	}
	
.bouton_box {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 12px;
	color: #f59000;
	font-weight: bold;
	background-color: #FFFFFF;
	width: 130px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	border-radius: 20px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	}
	
	.bouton_box:hover {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	background-color: #e85d0f;
	width: 130px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	border-radius: 20px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	}

.bouton_box_lien {
	text-decoration: none;
	}

		.bouton_box_2lignes {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 13px;
	color:#f59000;
	font-weight:bold;
	background-color:#FFFFFF;
	width:170px;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:auto;
	margin-right:auto;
	margin-top:2px;
	border-radius:15px;
	line-height: 15px;
	}
		
	
.footer {
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	text-align:left;
	}
	
	.footer_home {
	margin-top:40px;
	margin-left:0px;
	margin-right:0px;
	text-align:left;
	}

.footer_filet_haut {
	width:100%;
	height:1px;
	background-color:#cacecd;
	margin-bottom:13px;
	margin-top:0px;
	}
	
	.footer_filet_bas {
	width:100%;
	height:1px;
	background-color:#cacecd;
		margin-bottom:25px;
	margin-top:13px;
	}

.footer_logo {
	text-align:right;
	display:block;
	}
	
.footer p {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 10px;
	color:#666666;
	padding-bottom:20px;
	}

.footer a {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 10px;
	color:#666666;
	text-decoration:underline;
	}

	.question {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 17px;
	color:#f59000;
	font-weight:bold;
	}
	
.reponse {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 13px;
	color: #3d3d3d;
	margin-left: 40px;
	margin-right: 40px;
	}

.zone_bouton_article {
	style="display:block;
	width:100%;
	margin-bottom:70px;"
}

.bouton_article {
	font-size: 14px;
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: #FFFFFF;
	background-color: #f59000;
	width: auto;
	height: 20px;
	text-decoration: none;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	border-radius: 30px;
	float: right;
	text-align: center;
	font-weight: bold;
}

.bouton_article:hover {
	font-size: 14px;
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: #FFFFFF;
	background-color: #e37b00;
	width: auto;
	height: 20px;
	text-decoration: none;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	border-radius: 30px;
	float: right;
	text-align: center;
	font-weight: bold;
}

.bouton_article:visited {
	font-size: 14px;
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: #FFFFFF;
	background-color: #e37b00;
	width: auto;
	height: 20px;
	text-decoration: none;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	border-radius: 30px;
	float: right;
	text-align: center;
	font-weight: bold;
}


.bouton_dans_article {
	font-size: 14px;
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: #FFFFFF;
	background-color: #606060;
	width: auto;
	height: 20px;
	text-decoration: none;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	border-radius: 30px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	font-weight: bold;
}

.bouton_dans_article:hover {
	font-size: 14px;
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: #FFFFFF;
	background-color: #4e4e4e;
	width: auto;
	height: 20px;
	text-decoration: none;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	border-radius: 30px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	font-weight: bold;
}

.bouton_dans_article:visited {
	font-size: 14px;
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: #FFFFFF;
	background-color: #4e4e4e;
	width: auto;
	height: 20px;
	text-decoration: none;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	border-radius: 30px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	font-weight: bold;
}



.temps {
	font-size:10px;
	font-weight:100;
}

.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	clear: none;
	float: none;
	margin-left: auto;
}
#div1 {
}
.zeroMargin_tablet {
    margin-left: 0;
}
.hide_tablet {
    display: none;
}

.lecture {
		margin-left:auto;
	margin-right:auto;
	height:106px;
	width:106px;
	margin-top:-20px;
}

.trt-video {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-style: normal;
	font-weight: bold;
	/* fred : j'ai ajoute la taille */
	font-size: 18px;
	color: #FFFFFF;
	margin-top: -5px;
	margin-bottom: 20px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
}

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 960px) {

body  {
	background-color:white;
	overflow:scroll;
}

.contenersite  {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	margin-top:0px;
	background-color:#ffffff;
	color:#000000;
	}

.carrousel  {
	width:100%;
	height:362px;
	background-color:white;
	background-image:url(../img/visuel_header.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-align:center;
	}


.logo_a-la-une  {
	width: 629px;
	height: 340px;
	background-image: url(../img/box_a-la-une.png);
	background-repeat: no-repeat;
	background-position: 130px 0px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.titre {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-style: normal;
	font-weight: bold;
	/* fred : j'ai ajoute la taille */
	font-size: 22px;
	color: #FFFFFF;
	margin-top: 20px;
	margin-bottom: 40px;
	margin-left: 50px;
	margin-right: 50px;
	text-align: center;
}

.sous-titre {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-style: normal;
	font-weight: bold;
	/* fred : j'ai ajoute la taille */
	font-size: 16px;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
}

.cinquantecinq {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-style: normal;
	font-weight: bold;
	/* fred : j'ai ajoute la taille */
	font-size: 34px;
	color: #f59100;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.titre_chiffre {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-style: normal;
	font-weight: bold;
	/* fred : j'ai ajoute la taille */
	font-size: 62px;
	color: #FFFFFF;
	margin-top: -10px;
	margin-bottom: 5px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: center;
}

.titre_chiffre_info {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-style: normal;
	font-weight: bold;
	/* fred : j'ai ajoute la taille */
	font-size: 15px;
	color: #FFFFFF;
	margin-top: -10px;
	margin-bottom: 5px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: center;
}

.titre_chiffre_info2 {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-style: normal;
	font-weight: bold;
	/* fred : j'ai ajoute la taille */
	font-size: 15px;
	color: #FFFFFF;
	margin-top: 85px;
	margin-bottom: 5px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: center;
}

.titre_chiffre_legende {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-style: normal;
	/* fred : j'ai ajoute la taille */
	font-size: 11px;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: right;
}

.titre-video {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-style: normal;
	font-weight: bold;
	/* fred : j'ai ajoute la taille */
	font-size: 22px;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 100px;
	text-align: left;
	width:270px;
}

.ligne_hori {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	background-color: #e85d0f;
	width: 960px;
	height: 225px;
}

.ligne_box01 {
	background-color: #f59000;
	width: 50%;
	height: 225px;
	display: block;
	float: left;
	margin: 0px;
	background-image:url(../img/fond_histoire.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.ligne_box02 {
	background-color: #831954;
	width: 50%;
	height: 225px;
	display: block;
	float: left;
	margin: 0px;
		background-image:url(../img/visuel_lecteur.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.ligne_box03 {
	background-color:black;
	width:100%;
	height:225px;
	display:block;
	margin:0px;
	float:left;
	background-image:url(../img/visuel_video.jpg);
		background-repeat: no-repeat;
	background-position: 0px 0px;
}

.ligne_box04 {
	background-color: #e85d0f;
	width: 50%;
	height: 225px;
	display: block;
	float: left;
	margin: 0px;
		background-image:url(../img/fond_chiffre.png);
	background-repeat: no-repeat;
	background-position: center;
}

.ligne_box05 {
	background-color: #c62c35;
	width: 50%;
	height: 225px;
	display: block;
	float: left;
	margin: 0px;
		background-image:url(../img/fond_jeux-concours.png);
		background-repeat: no-repeat;
	background-position: 0px 0px;
}


.rubrique {
	font-family:helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-style: normal;
	font-weight: bold;
	/* fred : j'ai ajoute la taille */
	font-size:13px;
	text-transform: uppercase;
	color:white;
	margin-top:20px;
	margin-left:20px;
}

ul {
	font-family:helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:13px;
	color:#3d3d3d;
	list-style:inside;
}
.li_niv1 {
		font-family:helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:13px;
	color:#3d3d3d;
	list-style-type: none;
	background-image: url(../img/puce_niv1.png);
	background-repeat: no-repeat;
	background-position: 0 0.40em;
	padding-left: 15px;
	margin-left:5px;
}

.li_niv2 {
		font-family:helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:13px;
	color:#3d3d3d;
	list-style:circle;
	margin-left:40px;
}


.li_lien a {
	font-size:14px;
	text-decoration:underline;
	color:#ff9e15;
}

.li_lien a:hover {
	font-size:14px;
	text-decoration:underline;
	color:#ff9e15;
}

.li_lien a:link {
	font-size:14px;
	text-decoration:underline;
	color:#ff9e15;
}


.edito p {
	margin-top:-5px;
	margin-top:-5px;
}

.signature {
	font-style:italic;
	color:#f59000;
	margin-bottom:30px;
}



.container_multi_boxs {
	margin-left:40px;
	margin-right:40px;
	padding:0px;
	text-align:center;
	display: block;

	}

	
.container_questions {
	margin-bottom:100px;
	padding:0px;
	margin-left:40px;
	margin-right:40px;
	display: block;
	}

.box_grise {
	background-color: #808080;
	width: 200px;
	height: 310px;
	display: inline-block;
	margin-bottom: 0px;
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 20px;
	padding: 0px;
	}
	
.box_orange {
	background-color: #f59000;
	width: 200px;
	height: 310px;
	display: inline-block;
	margin-bottom: 0px;
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 20px;
	padding: 0px;
	}

.visuel_box {
	margin:0;
	padding:0;
	}

.trt_box {
	width: 175px;
	height: 80px;
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 15px;
	text-transform: uppercase;
	color: #ffffff;
	margin: auto;
	padding: 0;
	margin-top:25px;
	font-weight:bold;
	display: table;
	word-wrap: break-word;
	}

.bouton_box {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 12px;
	color: #f59000;
	font-weight: bold;
	background-color: #FFFFFF;
	width: 130px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	border-radius: 20px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	}

.bouton_box:hover {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	background-color: #e85d0f;
	width: 130px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	border-radius: 20px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	}

.bouton_box_lien {
	text-decoration: none;
	}

		.bouton_box_2lignes {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 13px;
	color:#f59000;
	font-weight:bold;
	background-color:#FFFFFF;
	width:170px;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:auto;
	margin-right:auto;
	margin-top:2px;
	border-radius:15px;
	line-height: 15px;
	}
		
.footer {
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	text-align:left;
	}

.footer_filet_haut {
	width:100%;
	height:1px;
	background-color:#cacecd;
	margin-bottom:13px;
	margin-top:0px;
	}
	
	.footer_filet_bas {
	width:100%;
	height:1px;
	background-color:#cacecd;
		margin-bottom:25px;
	margin-top:13px;
	}

.footer_logo {
	text-align:right;
	display:block;
	}
	
.footer p {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 10px;
	color:#666666;
	padding-bottom:20px;
	}

.footer a {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 10px;
	color:#666666;
	text-decoration:underline;
	}

.footer_home {
	margin-top:40px;
	margin-left:0px;
	margin-right:0px;
	text-align:left;
	}
	
.footer_home p {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 10px;
	color:#666666;
	padding-bottom:20px;
	}

.footer_home a {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 10px;
	color:#666666;
	text-decoration:underline;
	}


	.question {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 17px;
	color:#f59000;
	font-weight:bold;
	}
	
.reponse {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 13px;
	color:#3d3d3d;
	}

.zone_bouton_article {
	style="display:block;
	width:100%;
	margin-bottom:70px;"
}

.bouton_article {
	font-size: 14px;
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: #FFFFFF;
	background-color: #f59000;
	width: auto;
	height: 20px;
	text-decoration: none;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	border-radius: 30px;
	float: right;
	text-align: center;
	font-weight: bold;
}

.bouton_article:hover {
	font-size: 14px;
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: #FFFFFF;
	background-color: #e37b00;
	width: auto;
	height: 20px;
	text-decoration: none;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	border-radius: 30px;
	float: right;
	text-align: center;
	font-weight: bold;
}

.bouton_article:visited {
	font-size: 14px;
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: #FFFFFF;
	background-color: #e37b00;
	width: auto;
	height: 20px;
	text-decoration: none;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	border-radius: 30px;
	float: right;
	text-align: center;
	font-weight: bold;
}

.bouton_dans_article {
	font-size: 14px;
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: #FFFFFF;
	background-color: #606060;
	width: auto;
	height: 20px;
	text-decoration: none;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	border-radius: 30px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	font-weight: bold;
}

.bouton_dans_article:hover {
	font-size: 14px;
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: #FFFFFF;
	background-color: #4e4e4e;
	width: auto;
	height: 20px;
	text-decoration: none;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	border-radius: 30px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	font-weight: bold;
}

.bouton_dans_article:visited {
	font-size: 14px;
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: #FFFFFF;
	background-color: #4e4e4e;
	width: auto;
	height: 20px;
	text-decoration: none;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	border-radius: 30px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	font-weight: bold;
}

.temps {
	font-size:10px;
	font-weight:100;
}

.gridContainer {
	width: 88.5%;
	max-width: 1232px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
#div1 {
}
.zeroMargin_desktop {
    margin-left: 0;
}
.hide_desktop {
    display: none;
}

.lecture {
		margin-left:auto;
	margin-right:auto;
	height:106px;
	width:106px;
	margin-top:-20px;
}

.trt-video {
	font-family: helvetica, arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-style: normal;
	font-weight: bold;
	/* fred : j'ai ajoute la taille */
	font-size: 18px;
	color: #FFFFFF;
	margin-top: -5px;
	margin-bottom: 20px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
}
]