/* Définition des polices personnalisées */
@font-face
{
font-family: 'Dayrom';
src: url('polices/dayrom.eot');
src: url('polices/dayrom.eot?#iefix') format('embeddedopentype'),
url('polices/dayrom.woff') format('woff'),
url('polices/dayrom.ttf') format('truetype'),
url('polices/dayrom.svg#Dayrom') format('svg');
font-weight: normal;
font-style: normal;
}
body
{
background: url('images/fn1.jpg');
font-family: Arial,sans-serif;
color:#181818;
font-size : 1em;
}
#bloc_page
{
width:1150px;
margin:auto;
background-color : white;
border: 1px solid black;
}
@media all and (max-width: 1024px){
	#bloc_page {
		width : auto;
	}
	#section1,hr{
		display : none;
	}
    .navbar
    {
        width: auto;
        text-align: left;
    }
    
    .navbar ul
    {
        flex-direction: column;
    }

    .navbar li
    {
        padding-left: 4px;
    }
    
    .navbar a
    {
        font-size: 1.1em;
    }
    
    .navbar a:hover
    {
        border-bottom: 0;
    }
	
	section
    {
        flex-direction: column;
    }

    #rectangle_actualité, aside
    {
        width: auto;
        margin-bottom: 15px;
    }
    
}
	
article h1{
	font-size : 1.2em;
	font-family : arial serif;
	font-weight : bold;
	text-align : center;
}
article h1 strong em{
	color: blue;
}
article p{
	margin-left : 5px;
	margin-right : 5px;
	margin-top : 0px;
}
article .paragraph2{
	margin-top : -5px;
}
article p .en_rouge{
	color : red;
}
article p strong em .nom{
	color : blue;
}


 #wrap {
        width: 100%;
        height: 50px;
        margin: 0;
        z-index: 99;
        position: relative;
        background-color: #444444;
      }
      .navbar {
        height: 50px;
        padding: 0;
        margin: 0;
        position: absolute;
      }
      .navbar li {
        height: auto;
        width: 191.4px;
        float: left;
        text-align: center;
        list-style: none;
        font: normal bold 13px/1em Arial, Verdana, Helvetica;
        padding: 0;
        margin: 0;
        background-color: #444444;
      }
      .navbar a {
        padding: 18px 0;
        border-left: 1px solid #ccc9c9;
        text-decoration: none;
        color: white;
        display: block;
      }
      .navbar li:hover,
      a:hover {
        background-color: #00bfff;
      }
      .navbar li ul {
        display: none;
        height: auto;
        margin: 0;
        padding: 0;
      }
      .navbar li:hover ul {
        display: block;
      }
      .navbar li ul li {
        background-color: #444444;
      }
      .navbar li ul li a {
        border-left: 1px solid #444444;
        border-right: 1px solid #444444;
        border-top: 1px solid #c9d4d8;
        border-bottom: 1px solid #444444;
      }
      .navbar li ul li a:hover {
        background-color: #00bfff;
      }



.container{
	width:1020px;
	height:350px;
	padding:20px;
	border:1px solid gray;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
  background: black;
  margin: 5px;
}
.image-slider-wrapper{
	overflow: hidden;
}
#image_slider{
	position: relative;
	overflow: hidden;
	height: 280px;
	padding:0;
	left:0;
}
#image_slider li{
	position:relative;
	max-width: 100%;
	float:left;
	list-style: none;
	left: 0;
}
div#middlerightjeux

 {    -webkit-transition: all .8s ease-in; /* element qui subit la transition, temps de la transition et function de la transition*/

    -moz-transition: all 1.1s ease-in;

    -o-transition: all .1s ease-in;

    transition: all 1.1s ease-in;

        margin: auto;

    width:266px;

    min-width:265px;

    border: 2px solid white;

        background-color:#FFF;

            margin-left:10px;

            margin-top:10px;

            margin-bottom:10px;

-moz-box-shadow:0px 0px 10px 2px rgba(119, 119, 119, 0.91);

-webkit-box-shadow:0px 0px 10px 2px rgba(119, 119, 119, 0.91);

box-shadow:0px 0px 10px 2px rgba(119, 119, 119, 0.91);

 

}

 

div#middlerightjeux:hover

 

 {

 -webkit-transform: scale(1.5); /*multiplication de la taille de départ x 4*/

    -moz-transform: scale(1.5);

    -o-transform: scale(1.5);

    transform: scale(1.5);

    -webkit-transform-origin: center center; /*origine de l'animation*/

    -moz-transform-origin: center center;

    -o-transform-origin: center center;

    transform-origin: center center;

 

}
#middlerightjeux{
	display : inline-block;
	vertical-align : top;

}
aside #middlerightjeux{
		background-color : #F8F8FF;
		color : #000;
		
}
aside #middlerightjeux h3{
	color : #760001;
	font-size : 1.2em;
	margin-top: 0px;
	margin-bottom : -8px;
}
aside #middlerightjeux p{
	color : #000;
	font-size : 1em;
}
aside #animation
{
background: url('images/separateur.png') repeat-x top;
}
aside .paragraphe_image{
	text-align : center;
}
aside #animation #middlerightjeux{
margin-left : 13px;
font-size : 0.9em;
color :black;
}
aside p{
	font-family : arial, serif;
	word-wrap : word-break;
	font-size : 1em;
	margin-left : 10px;
}
#presentateur{
	width: 305px;
	border: 1px solid white;
}
#presentateur,#sliderFrame{
	display : inline-block;
	vertical-align : top;
}
#presentateur img{
	width : 305px;
	height :auto;
	margin-top : 18px;
}
#presentateur .nom{
	color : blue;
}
#presentateur p{
	font-family :arial serif;
	margin-left : 2px;
	margin-top : -2px;
	font-size : 0.9em;
}
section hr{
	height : 10px;
margin-bottom : 0px;
color : blue;
background-color : blue;
margin-left : 5px;
margin-right : 5px;
margin-top : -15px;
margin-bottom : 15px;
border-radius : 15px;
}
#section1{
	margin-bottom : -40px;
}
article p{
	font-family : arial serif;
}
/*Blog*/
#blog .image {float: left; margin: 0 6px 6px 0;}
#blog .image img{
margin-left:3px;
margin-top:5px;
border-radius:10px;
}
#blog .billet{
font-size :1.1em;
text-transform :uppercase;
}
#blog .billet p{
margin-left:30px;
text-align:center;
}
#blog a{
text-decoration:none;
}
#blog .suggestion{
	width : 980px;
border:1px solid #DCDCDC;
margin-bottom:20px;
margin-top:10px;
margin-bottom:20px;
background-color:#F8F8FF;
border-radius:10px;
margin-left:20px;
}
#blog .suggestion h3{
text-align :center;
font-size:1.3em;
margin-top:0px;
margin-bottom:5px;
color:red;
}
#blog .suggestion p{
font-size :1em;
font-style : arial serif;
margin-top:-3px;
margin-bottom : -5px;
margin-left:5px;
margin-right: 5px;
text-align : justify;
}
#blog .sugestionneur{
margin-top:10px;
margin-bottom:-5px;
margin-left:300px;
font-weight:bold;
}
#blog .sugestionneur em{
color:blue;
}
#blog h6 a{
text-decoration :none;
text-transform:uppercase;
}
#blog h6{
margin-left :2px;
font-size:0.9em;
}
#blog h2{
text-align:center;
font-style:italic;
text-transform:uppercase;
}
#blog .commentaires{
width:110px;
	cursor:pointer;
	text-transform:capitalize;
	margin-left:10px;
	margin-bottom :10px;
}
#blog .commentaires a{
	border:none;
	padding:6px 0 6px 0;
	border-radius:5px;
	box-shadow:3px 3px 12px #999;
	background:#87CEFA;
	font:bold 13px Arial;
	color:#FFF;
	text-decoration:none;
	
}
#blog .commentaires a:hover{
background-color:#FFF;
color:#000;
}
.reponse img
{
width : 60px;
height : 60px;
border-radius:40px;
margin-left:-10px;
margin-top:2px;
}
.reponse img,.reponse h3
{
display : inline-block;
vertical-align : top;
}
.reponse 
{
width : 1000px;
margin-left:0px;
background-color:#FFF;
padding-left:10px;
margin-bottom:0px;
border : 1px solid black;
margin-top : 10px;
border-radius : 20px;
}
.reponse p
{
margin-left:60px;
margin-top : -10px;
padding-bottom : 10px;
}
.reponse h3 .date_commentaire{
	text-transform :lowercase;
		font-weight :none;
	font-size : 0.9em;
	color : black;
	font-family : arial;

}
.reponse h3 strong em{
	font-family : arial serif;
	font-weight :normal;
	font-size : 1.1em;
	font-style : none;
	text-transform : uppercase;
	color : blue;
}
/* formulaire */
form {
background-color:#e5eeff;
padding:10px;

}
fieldset {
border: 1px solid #C0C0C0 ;
padding:5px;
margin:5px;
}
legend {
font-size : 1em;
font-weight:bold;
color:blue;
}
label {
width:500px;
padding :5px;
display:block;
float : left;
font-size : 1.2em;
}
label.en-ligne {
display:inline;
}
label.question{
color:#85AC1C;
font-weight:bold;
}
input { 
border:1px solid #000;
background:#FFF;
}
input:focus { 
background : #FFFDEA; 
}
input[type=radio] {
margin-right:20px;
}
input.decole-curseur {
padding-left:20px;
}
input[type=submit], input[type=reset] {
border:1px solid #CC3B1F;
font-weight:bold;
cursor:pointer;
}
input[type=submit]:hover, input[type=reset]:hover {
background-color:#CC3B1F;
}
input[type=submit]:active, input[type=reset]:active {
background-color:#000;
color:white;
} 
option,select {
background-color:#85AC1C;
}
.captcha{
background-color:blue;
color:white;
font-size:1.1em;
margin-bottom:-2px;
font-family:arial;
}
.bouton{
	margin-left : 700px;
}
form p em{
	color : red;
	font-style : italic;
}
/* Footer */
footer
{
background: url('images/ico_top.png') no-repeat top center,
url('images/separateur.png') repeat-x top, url('images/ombre.png')
repeat-x top;
padding-top: 25px;
}
footer p, footer ul
{
font-size: 0.8em;
}
footer h1
{
font-size: 1em;
text-transform : uppercase;
}
#tweet, #resaux_sociaux, #sites_confiances
{
display: inline-block;
vertical-align: top;
}
#tweet
{
width: 26%;
}
#resaux_sociaux
{
width: 40%;
}
#sites_confiances
{
width: 30%;
}
#resaux_sociaux img
{
margin-right: 2px;
}
#sites_confiances ul
{
display: inline-block;
vertical-align: top;
margin-top: 0;
width: 48%;
list-style-image: url('images/ico_liensexterne.png');
padding-left: 2px;
}
#sites_confiances a
{
text-decoration: none;
color: #760001;
}
#en_rectangle #contenu_en_rectangle figure img{
	width : 200px;
	height : auto;
	margin-left : -15px;
	margin-top : -2px;
}
#en_rectangle #contenu_en_rectangle{
	display :inline-block;
	vertical-align : top;
	width : 245px;
	height : auto;
	border : 1px solid black;
	box-shadow :6px 6px 6px black; 
}
#en_rectangle{
	margin-top : 30px;
	margin-left : 10px;
	margin-bottom : 10px;
}
#en_rectangle #contenu_en_rectangle h3{
	font-family : arial,serif;
	font-weight : weight;
	font-size : 0.9em;
	text-align : center;
	margin-bottom : -2px;
}
#en_rectangle #contenu_en_rectangle p{
	font-family : dayrom;
	margin-left : 2px;
	margin-top : -5px;
	margin-right : 1px;
}
#indicateur{
	background-color : #1E90FF;
	width : 100%;
	height : 100px;
}
#indicateur a{
text-decoration :none;
text-transform:uppercase;
color : white;
}
#indicateur img{
	margin-left: 10px;
	margin-right : 10px;
	margin-top : 10px;
}
#indicateur h2{
	text-align : center;
	font-family : arial black,serif;
	font-size : 1.2em;
	font-weight : bold;
	text-transform : uppercase;
	color : white;
}
#en_rectangle p img{
	width : 1000px;
	height : auto;
	margin-left : 10px;
}
#en_rectangle h2,h3{
	
	text-align : center;
	font-family : impact,sans-serif;
	font-weight : normal;
	font-size : 1.2em;
	text-transform : uppercase;
}
#en_rectangle h3{
	text-align : left;
	margin-left : 20px;
}
#block
{
background-color:green;
color:#FFF;
font-style:italic;
font-size:1.3em;
text-align:center;
width:600px;
height:70px;
margin-left:500px;
margin-top:-5px;
}
#blocke{
width :700;
height:70px;
background-color : red;
color:white;
margin-left:300px;
text-align:center;
font-size:1.3em;
margin-top:15px;
border-radius :10px;
margin-bottom:25px;
}