* {
padding : 0;
}
html {
font-size : 100%;
}
body {
background-image:  url(fichier_index/fond-jaune.jpg);
font-family : verdana, Arial, Helvetica, sans-serif;
color : #333333;
font-size : 0.8em;
text-align : justify;
}
header,nav,article,section,aside,hgroup,footer,date
 { display:block;
}
h1, h2, h3, h4 {
font-weight : bold;
text-align : center;
margin-right : auto;
}
/*..........h1..........*/

h1 {

font-family: 'Cherry Cream Soda', arial, serif; 
        font-size: 3.5em;
color : #ff0033;
width : 30%;
padding : 15px;
border : 0px;
margin-top : 50px;
margin-bottom : 100px;
}
/*index site*/
#cover h1 {
        
border : none;
font-size : 190%;
color : #cc3333;
width : 95%;
padding : 0;
margin-top : 10px;
margin-bottom : 10px;
margin-left: auto; 
  margin-right: auto; 

}
#fun h1 ,#truro h1,#coureu h1,#training h1
{
width:65%;
margin-top : 20px;
margin-bottom : 10px;
margin-left :8%;
}
#coureu h1 {
		 text-shadow: 4px 4px 4px #aaa;
		 }

 header > p{ font-family: 'Dancing Script', arial, serif;
  font-size:2.8em;
   font-weight:700;
  color :  #3333cc;
   line-height:0.95em;
    margin-left:18%;
}
#video_gauche h1
{
width:60%;
margin-top : 20px;
margin-bottom : 5px;
margin-left : 11%;
}
#derniere_minute h1
{
width : 15%;
position : absolute;
z-index : 1;
left : 5%;
top : -74px;
padding-top : 20px;
padding-left : 0;
margin-bottom : 70px;
}

#training h1
{
width : 20%;
position : absolute;
z-index : 1;
left : 101px;
top : 7px;
padding-top : 20px;
padding-left : 0;
margin-bottom : 20px;
}
/*.....fin..h1..........*/
/*..........h2..........*/
h2{ color: #ff3333; ;  background: #98B924; background-image: -moz-linear-gradient(top, #b8da40, #89a230); /* FF3.6 */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #b8da40),color-stop(1, #89a230)); /* Saf4+, Chrome */
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#b8da40', EndColorStr='#89a230'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#b8da40', EndColorStr='#89a230')"; /* IE8 */  font-style: normal;
  font-weight: 700;
  font-size : 1.3em;
width : 35%; 
padding : 8px; border: 3px solid #fff;
  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-top : 10px;
margin-left : 0;
}
#derniere_minute h2
{
margin-top: 40px; 
}
	#fun   h2 { margin-left:20%;
	 color:#003399 ;
	   font-family: 'Josefin Sans', serif;
  font-size: 2.4em;
  line-height: 1.2em; border:hidden;
   background-image:url(fichier_index/fond-jaune.jpg);
 }

#video_gauche h2,  #coureu h2{
 margin-top:5px; margin-bottom:1 em;
margin-left : 14%;
}
#resultats h2 {
margin-top : 180px;
 margin-left:17%;
}
h2 + time{color:#003399 ;
	  font-size: 12px;
  font-style: normal;
  font-weight: 600;
margin-top : 1px;
 margin-left:30%;
}

/*.....fin..h2..........*/
.centrage { text-align: center; width:70%;  margin-right:auto; margin-left:auto;}
.bodou{text-align: center; width:70%;  margin-right:auto; margin-left:auto; 
 height:65%; 
 max-height:450px; 
}
 
.bodou > a{text-align: center; width:70%;  margin-right:auto; margin-left:auto;
box-shadow: 0pt 0pt 5px black;-moz-box-shadow:0pt 0pt 5px black;  -webkit-box-shadow:0pt 0pt 5px black;
}
 .bodou > a:hover 
{
box-shadow: 0pt 0pt 25px black;-moz-box-shadow:0pt 0pt 25px black;  -webkit-box-shadow:0pt 0pt 25px black;
}
/*fin index site*/
#resultats h3 { width : 30%; 
 border: 2px solid #fff;
        background: #98B924; background-image: -moz-linear-gradient(top, #e69b00, #b88b32); /* FF3.6 */
  		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e69b00),color-stop(1, #b88b32)); /* Saf4+, Chrome */
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#e69b00', EndColorStr='#b88b32'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e69b00', EndColorStr='#b88b32')"; /* IE8 */
        color: #fff;  padding:4px; margin-bottom:6px;;
margin-left : 30px; 
		-moz-border-radius:10px; 
        -webkit-border-radius:10px;
        -o-border-radius:10px;
        border-radius:10px;box-shadow: 0pt 0pt 5px black;-moz-box-shadow:0pt 0pt 5px black;  -webkit-box-shadow:0pt 0pt 5px black;

}
#derniere_minute h3 >a
{ display:block; 
width : 30%; 
 border: 2px solid #fff;
        background: #98B924; background-image: -moz-linear-gradient(top, #e69b00, #b88b32); /* FF3.6 */
  		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e69b00),color-stop(1, #b88b32)); /* Saf4+, Chrome */
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#e69b00', EndColorStr='#b88b32'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e69b00', EndColorStr='#b88b32')"; /* IE8 */
        color: #333399;  padding:4px; margin-bottom:6px;;
margin-left : 30px; 
		-moz-border-radius:10px; 
        -webkit-border-radius:10px;
        -o-border-radius:10px;
        border-radius:10px;box-shadow: 0pt 0pt 5px black;-moz-box-shadow:0pt 0pt 5px black;  -webkit-box-shadow:0pt 0pt 5px black;

}

h3 + time {color:#ff0033 ;
	  font-size: 0.7em;
  font-style: normal;
  font-weight: 600;
margin-top : 1px; margin-bottom:30px;
 margin-left:12.5%;
}
 time { margin-bottom:30px;

}


#derniere_minute h3 >a:hover
{ 
background: #e69b00;background-image: -moz-linear-gradient(top, #b88b32, #e69b00); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #b88b32),color-stop(1, #e69b00)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#b88b32', EndColorStr='#e69b00'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#b88b32', EndColorStr='#e69b00')"; /* IE8 */border: 2px solid #fff;box-shadow: 0pt 0pt 8px black;-moz-box-shadow:0pt 0pt 8px black;  -webkit-box-shadow:0pt 0pt 8px black;

}


#resultats	  p,#resultats	table_coureu { font-family: 'Droid Serif', arial, serif;
 font-size: 13px; }
	
#fun #table_humour{ color:#003399 ; 
background-image:url(fichier_index/fond-marron.gif);
 background-color:#f7c9a4;
  font-family: 'Josefin Sans', serif;
  width : 38%;  height:auto ;
   -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
  font-size: 30px;
  font-weight: 900;
  line-height: 1.2; 
padding-left:10%; padding-right:10%;
border : 2px solid #3333cc;box-shadow: 0pt 0pt 20px black;

}
#derniere_min_flash ,#gifresultats{ min-width:110px;
 max-width:200px;
}
#coureux_debut{ width:auto; margin-top:0;  margin-left:150px;
}
h4 {
width : 25%;
text-align : left;
font-size : 95%;
color : #ff0033;
padding-bottom : 2px;
padding-top : 2px;
margin-top : 2px;
margin-left : 30px;
margin-bottom : 2px;
}
#index h5 { width:40%;
border : none;
margin-left: auto; 
  margin-right: auto; 

}
 #derniere_minute #zone_de_texte  ,#resultats #zone_de_texte  {
margin-left : 13%;
margin-right : auto;
}
p {
width : 60%;
margin-right : auto;
margin-left : 30px;
}
a > p { color:#333333;

}
 #movie
 { z-index : 1;
}
 #movie_gauche  {
width : 420px;
        background: #98B924; background-image: -moz-linear-gradient(top, #b8da40, #89a230); /* FF3.6 */-moz-border-radius: 10px 10px 0 0; 
  		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #b8da40),color-stop(1, #89a230)); /* Saf4+, Chrome */
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#b8da40', EndColorStr='#89a230'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#b8da40', EndColorStr='#89a230')"; /* IE8 */
padding : 35px;
border : 1px solid #3333cc;
margin-left : 13.5%;
}
#video_gauche #movie_gauche  {
padding : 45px;
margin-left : 13.5%;
}
#p_milieu_large p {
width : 45%;
margin-left : auto;
}
#p_gauche_large p {
width : 50%;
}
#sites_imp p {
padding-bottom : 2px;
padding-top : 2px;
margin-top : 2px;
margin-bottom : 2px;
}
table {
font-size: 14px;color:#000099;
text-align : center; font-weight:600;
        background: #98B924; background-image: -moz-linear-gradient(top, #b8da40, #89a230); /* FF3.6 */-moz-border-radius: 10px 10px 0 0; 
  		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #b8da40),color-stop(1, #89a230)); /* Saf4+, Chrome */
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#b8da40', EndColorStr='#89a230'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#b8da40', EndColorStr='#89a230')"; /* IE8 */
margin-left : 10%;
}
table, td {
border : 1px solid #3333cc;
border-collapse : collapse;
margin-right : auto;
}
/*===tableau de challenge===*/
.table_challenge {
margin-left : 15%;
}
/*=fin==tableau de challenge===*/
#table_menu td {
padding : 15px;
}

#trombine{width:55%; margin-left:10%;}
/*===tableaux bureau ,pres;cal,entrain===*/

 #table_training {
width : 55%;border:hidden;
margin-top : 10px;
margin-left : 14%;-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
-moz-box-shadow:0pt 0pt 20px black;  -webkit-box-shadow:0pt 0pt 20px black;box-shadow:0pt 0pt 20px black;
}
 #table_accueil{
width : 55%; max-width:532px; border:hidden;
margin-top : 10px;
margin-left : 14%;-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
-moz-box-shadow:0pt 0pt 20px black;  -webkit-box-shadow:0pt 0pt 20px black;box-shadow:0pt 0pt 20px black;
}
 #table_accueil #diapo{ padding:0 15px 0 15px
}

#table_training ,.style1 
{
font-size : 100%;
padding-top : 5px;
padding-bottom : 5px;
}


.jaune_titre /*couleur des titres des tableaux ci dessus*/
{
font-size : 135%;
color : #ff0033;
background-color : #ffff66;
font-weight : bold;
padding-bottom : 10px;
padding-top : 10px;
border-top: 1px solid #3333cc;
 border-bottom:1px solid #3333cc;
}
#table_accueil td 
{ text-align:center;
}

#accueil_table p, #accueil_table img, #accueil_table h1, #accueil_table h2, #accueil_table h3 
{
margin-left : auto;
}
.ligne_bleue{ background-color:#3333CC; width:100%; height:3px;}
/*===fin tableaux===*/
/*===entrainements===*/
.fixe-droit{ position:fixed; right:20px; top:200px;
 }
.slideshow { height: 232px; width: 232px; margin: auto ;z-index:1; }
.slideshow img { padding: 15px; border:1px solid #3333cc;background-color: #98b924;; z-index:1;-moz-border-radius: 20px;box-shadow: 0pt 0pt 25px black;-moz-box-shadow:0pt 0pt 25px black;  -webkit-box-shadow:0pt 0pt 25px black;
border-radius: 20px;
 }
 /*===fin entrainements===*/
#sous_titre_liens{

margin-bottom : 30px;
}

#datanniv > a{display:block; 
  -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;  margin-bottom:20px;  margin-top:20px; margin-right:30%;
margin-left : auto;
box-shadow: 0pt 0pt 5px #333399;-moz-box-shadow:0pt 0pt 5px #333399;  -webkit-box-shadow:0pt 0pt 5px #333399;
background: #333399;background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #333399),color-stop(1, #9cb4cc)); /* Saf4+, Chrome */
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#333399', EndColorStr='#9cb4cc'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#333399', EndColorStr='#9cb4cc')"; /* IE8 */
     font-family: 'Cherry Cream Soda', arial, serif;
	    color: #fff; font-size: 1.7em;
  font-weight: 500;
 line-height:1.2em;
width : 250px;
height : auto;
text-align : center; padding:5px;  border: 2px solid #fff;
        text-decoration: none;  
        text-shadow: 0px 0px 6px #777;
}
#datanniv > a:hover
{ 
color: #fff; border: 2px solid #fff;
box-shadow: 0pt 0pt 25px #333399;-moz-box-shadow:0pt 0pt 25px #333399;  -webkit-box-shadow:0pt 0pt 25px #333399;
background: #333399;background-image: -moz-linear-gradient(top, #9cb4cc, #333399); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #9cb4cc),color-stop(1, #333399)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#9cb4cc', EndColorStr='#333399'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#9cb4cc', EndColorStr='#333399')"; /* IE8 */border: 2px solid #fff;

}
#decontstpol > a{display:block; 
  -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;  margin-bottom:20px;  margin-top:20px; margin-right:30%;
margin-left : auto;
box-shadow: 0pt 0pt 5px black;-moz-box-shadow:0pt 0pt 5px black;  -webkit-box-shadow:0pt 0pt 5px black;
background: #e69b00;background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e69b00),color-stop(1, #b88b32)); /* Saf4+, Chrome */
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#e69b00', EndColorStr='#b88b32'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e69b00', EndColorStr='#b88b32')"; /* IE8 */
     font-family: 'Cherry Cream Soda', arial, serif;
	    color: #fff; font-size: 20px;
  font-weight: 500;
 line-height:1.2em;
width : 250px;
height : auto;
text-align : center; padding:5px;  border: 2px solid #fff;
        text-decoration: none;  
        text-shadow: 0px 0px 6px #777;
}
#decontstpol > a:hover
{ 
color: #fff; border: 2px solid #fff;
box-shadow: 0pt 0pt 25px black;-moz-box-shadow:0pt 0pt 25px black;  -webkit-box-shadow:0pt 0pt 25px black;
background: #e69b00;background-image: -moz-linear-gradient(top, #b88b32, #e69b00); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #b88b32),color-stop(1, #e69b00)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#b88b32', EndColorStr='#e69b00'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#b88b32', EndColorStr='#e69b00')"; /* IE8 */border: 2px solid #fff;

}


#video_roger { 
width : 52%;
height : 38%;
padding : 2%;
 margin-left:25%;
border : 3px solid #fff;}
#fun #titre_video { 
padding : 0; margin-top:1%; margin-bottom:0; margin-left: 12% ;
}
div#video_plus,.video_plus{
        background: #98B924; background-image: -moz-linear-gradient(top, #b8da40, #89a230); /* FF3.6 */-moz-border-radius: 10px 10px 0 0; 
  		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #b8da40),color-stop(1, #89a230)); /* Saf4+, Chrome */
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#b8da40', EndColorStr='#89a230'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#b8da40', EndColorStr='#89a230')"; /* IE8 */
 color:#476DD2; text-align:center;
  font-weight:bold;
width : 52%; 
max-width:640px; 
max-height:480px;
padding : 3% 3.5% 0 3.5%;
border : 3px solid #fff;-webkit-border-radius: 20px;
-moz-border-radius: 20px;box-shadow: 0pt 0pt 25px black;-moz-box-shadow:0pt 0pt 25px black;  -webkit-box-shadow:0pt 0pt 25px black;
border-radius: 20px;
 margin-top:0; margin-left:15%;
}

#video_gauche p
{ width:auto; font-family: 'Dancing Script', arial, serif;
 font-size:40px;
  font-weight:800;
  line-height:0.95em;
   color:#3333cc; padding-bottom:2px; margin-bottom:none;  
   }
div#video_plus img
{ 
width : 98%;
}
#video_plus #video { 
width :98%;
}
#table_challenge {
width : 55%;
font-size : 75%; margin-left:15%;
}
a img{border:none;}
/*humour dans fun*/
#carte_postale
{
 font-size:50%;
width:65%; 
max-width:512px; 
height:27%;
max-height:411px;
 margin-left:15%;
}
#carte_postale img
{ padding:10px; width:90%; height:100%;}


#coupe_vent,.coupe_vent { 
width:40%; height:auto;
}
#coupe_vent,.coupe_vent {
       background: #98B924; background-image: -moz-linear-gradient(top, #b8da40, #89a230); /* FF3.6 */-moz-border-radius: 10px 10px 0 0; 
  		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #b8da40),color-stop(1, #89a230)); /* Saf4+, Chrome */
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#b8da40', EndColorStr='#89a230'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#b8da40', EndColorStr='#89a230')"; /* IE8 */
border: 3px solid #fff; padding:25px;
-moz-border-radius:20px; /* Firefix */
-webkit-border-radius:20px; /* Safari and Chrome */
border-radius:20px; /* Opera, IE9, future-proofing */
-moz-box-shadow: 10px 10px 5px #888; /* Firefix */
-webkit-box-shadow: 10px 10px 5px #888;  /* Safari and Chrome */
box-shadow: 10px 10px 5px #888; /* Opera, future-proofing */
 margin-left:12%;
}

#resultats .coupe_vent{ 
box-shadow: 0pt 0pt 20px black;
}
 a.facebook2{
display:block;
width:26px;
height:26px;
 }
 a.facebook2{
background: url(fichier_index/facebook-2.jpg)           no-repeat 0 0;
 }
 a.facebook2:hover{
background-position: 0 -26px;
} 
#fun #zone_de_texte_humour p
{
margin-left:15%; width:50%
}
#result07 
{
text-align : left;
border : none;
border-collapse : collapse;
}
.diapo_result, .table_stats 
{
margin-left : 30px;
}

 #table_archives_videos {
width : 55%;
font-size : 75%; margin-left:15%;
}
#table_archives_videos img
 {width : 100%;
max-width : 100px;
max-height : 75px;
}
/*====le coureux====*/
#table_diapo{
width : 55%;
font-size : 75%; margin-left:15%;
}


#table_diapo img
{
width : 100%;
 min-width:100px;
  max-width:163px;
   height :100%; 
   min-height:89px;
    max-height:108px;

}
/*===tableau de vma===*/

#table_coureu ,.table_coureu{text-align : center;
  width: 50%;
   max-height:350px; border-collapse:separate;border : 3px solid #fff;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;box-shadow: 0pt 0pt 25px black;
 margin-top:10px;
margin-top : 25px;
 margin-left:15%;
}
#table_coureu p 
{
text-align : center;
padding : 2px; margin-bottom:10px; margin-top:10px;
border : 0;
width : auto;
}
#table_coureu img
 {
width :90%;
padding : 0; border:5px;
 margin:20px
;
}
#table_coureu td 
{
border : 0;
padding : 0; margin:0;
}
/*==fin==tableau de vma===*/

.cellule_fraction{ width:30%
}
#questions_coureu p 
{
text-align : center;
width : 85%;
 margin-right:10%; 
 margin-left:auto;
}
.Style7  {
color : #ff3366;
}
.questions_coureu 
{font-family: 'Cherry Cream Soda', arial, serif; 
font-size: 18px;  font-weight:600;

color : #ff3366;
}
 .reponse_coureu  {font-family: 'Dancing Script', arial, serif;
 font-size:26px;
  font-weight:600;
  line-height:0.95em;
 color:#000099;
}

/*le vote de la pétition*/
#fun #petition_texte{/*centrer le texte du truc*/
text-align:center;
}
#texte_vote{ font-size:110%; color:#EF5646; font-weight:bold;
text-align : center;
width : auto;
 margin-left:auto;
  margin-right:auto;
}
#texte_vote #ordre_vote{
 font-size:130%;
  color:#000000;}
/*fin vote*/
.table_stats 

{
color : #cc3333;
font-size : 80%;
width : 35%;
}
.table_stats td 
{
border : 0;
border-collapse : collapse;
}
.gif {
background-color : #fbe0d7;
}
.cellule_bleue 
{
background-color : #3333cc;
width : 40px;
height : 30px;
}


#derniere_minute table img, #table_video_comic img  {
width : 100px;
height : 89px;
}


#table_diapo img,#table_video_comic img
 { 
 border:0
 }
 /*====presse=====*/
#carte
{ width:502px;
padding : 30px;
-moz-box-shadow:0pt 0pt 20px black;  -webkit-box-shadow:0pt 0pt 20px black;box-shadow:0pt 0pt 20px black;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
 margin-top:10px;
margin-left : 12%;
}
#zone_de_photo img
{
width : 60%;
background-image:url(fichier_index/fond-marron.gif) ;
padding : 30px;
border : 1px solid #3333cc;
 margin-top:10px;
margin-left : 12%;
}
 .article-petit
{
width :45%;background-image:url(fichier_index/fond-marron.gif) ;
padding : 30px;
border : 1px solid #3333cc;
 margin-top:10px;
margin-left : 12%;
}
 .article-moyen
{
width :55%;background-image:url(fichier_index/fond-marron.gif) ;
padding : 30px;
border : 1px solid #3333cc;
 margin-top:10px;
margin-left : 12%;
}
 .article-grand
{
width :60%;background-image:url(fichier_index/fond-marron.gif) ;
padding : 30px;
border : 1px solid #3333cc;
 margin-top:10px;
margin-left : 12%;
}
 .img-rond{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;box-shadow: 0pt 0pt 20px black;-moz-box-shadow:0pt 0pt 20px black;  -webkit-box-shadow:0pt 0pt 20px black;}

.bandeau_truro img 
{
background-image:url(fichier_index/fond-marron.gif) ;
padding : 10px;
border : 1px solid #3333cc;
}


 #resultats #photo_result 
 {
background-image:url(fichier_index/fond-marron.gif) ;
padding : 30px;
border : 1px solid #3333cc;
margin-right : auto;
margin-left : 30px;
}
.challenge 
{
width : 45%;
font-weight : bold;
line-height : 150%;
margin-top : 25px;
margin-right : auto;
margin-left : auto;
}
#vote_gif 
{
width : 135px;
height : 35px;
margin-right : auto;
margin-left : 250px;
}
#retour_video 
{
width : 100px;
height : 25px;
background-color : #ffff66;
}
.Style9
 {
color : #cc3333;
font-size : 20px;
}
.style1 
{
color : #3333cc;
font-weight : bolder;
}
.Style11{ position:absolute; left:0; right:0; display:block; width:auto;font-weight: bold; text-align:center; padding:0.6em; margin-bottom:20px;      }/*======= liens central inf gateau=============*/

.Style10{ display:inline-block; width:auto;font-weight: bold; text-align:center; padding:0.6em; margin-bottom:20px; margin-left:33%;       }/*======= liens central inf gateau=============*/
.stylevert
 {
color : #003300;
}



/*======= resultats= challenge=vma=gateau=============*/

#navi_result { 
position:absolute;
top:140px;
left:15%;
width : 60%; max-width:450px;
background-color : #ffff66;
padding :12px 20px;
border :thick solid #ff0033;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
margin-top : 0;
margin-right : auto;
margin-left : auto;box-shadow: 0pt 0pt 20px black;-moz-box-shadow:0pt 0pt 20px black;  -webkit-box-shadow:0pt 0pt 20px black;
}
#navi_result li  a 

{font-size:1.2em; font-weight:800;
color: #213A7C;
display: block;
padding: 4px 0 0 40px;
}
#navi_result li a:hover ,.retour > a:hover

{
background-color: #e65000;
color: #ffffff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;


}
#date_haut_gauche {
 position:absolute;
 top:70px;left : 19px; 
 width:auto; 
 text-align:left; 
 font-size:4em;
  color:#FF3333; 
   font-weight:bold; margin-top:0;
}

#date_haut_gauche a {
  color:#FF3333; 
}
#date_haut_gauche  a:hover, #date_haut_gauche  a:focus {color:#FF3333; 

text-shadow:2px 2px 4 px #000000;
}

div.trim {
  margin: 25px 0 50px 110px;
}
.trim img {
  position: relative;
  z-index: 0;
  margin-left: -40px;
  opacity: 0.8; /* Opacité pour Webkit, Firefox et standard  */
  filter: alpha(opacity=80); /* Opacité pour IE5-IE7  */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* Opacité pour IE8 */
  margin-top: 20px;  
  border: 20px solid #fff;
  
  /* Ombrages pour Webkit, Firefox et standard  */ 
  -webkit-box-shadow: 1px 1px 12px #555; 
  -moz-box-shadow: 1px 1px 12px #555; 
  -o-box-shadow: 1px 1px 12px #555; 
  box-shadow: 1px 1px 12px #555; 
  
  /* Rotation pour Webkit, Firefox et standard */ 
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  transform: rotate(-8deg);
  
  /* Arrondis pour Webkit, Firefox et standard */  
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;  
  
  /* Transitions pour Webkit, Firefox et standard */
  -webkit-transition:  .5s;
  -moz-transition: .5s;
  -o-transition: .5s;
  transition:  .5s;
  
  /* et pour Internet Explorer */
  behavior: url(scripts/PIE.htc);

} 
            
.trim img:hover {
  z-index: 100;
  opacity: 1;
  filter: alpha(opacity=100); /* Opacité pour IE5-IE7  */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Opacité pour IE8  */
  /* Rotation pour Webkit et Firefox */ 
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  cursor: help;
}
.gifresultats { position:absolute;
top : 90px;left:50px; 
}
#resultats .gifresultats { position:absolute;
top :10px;left:30px; 
}
#table_annick{ width:50%;}
#resultats #movie_gauche {
width : 420px;
background-image:url(fichier_index/fond-marron.gif) ;
padding : 35px;
border : 1px solid #3333cc; margin:80px 0 0 150px;
}
#resultats #photo_result {
width : 65%;
}
#truro #truro_img {
width : 60%;
}
/*======fin resultats=====*/

/*=====transfo sans cadre=====*/
#wrapper{ width:86%; 
margin-left:14%;
}
#bandeau
{ 
height:135px;
}
#zone_de_texte{
position:relative; z-index:1;
}


 #jaune
{
width : 100%;
height : 135px;
 position:fixed; top:0; left:0; z-index : 2;}
 
#derniere_minute h1 img {
 margin-top:35px;
 }

/*fin transfo*/
/*====navigation header========*/
 ul
 {
list-style-type : none;
}

li {
font-size : 90%;
font-weight : bolder;
font-style : normal;
line-height : 25px;

}
#ul_bandeau
{ 
text-align:center  ;z-index : 4 ; position:fixed; top:16px; left:0;  right:0;
}

#ul_bandeau li
{ display:inline; line-height:normal;
   
}
ul#ul_bandeau a,ul#ul_bandeau a:hover,ul#ul_bandeau a:focus,ul#liens_menu a,ul#liens_menu a:hover,ul#liens_menu a:focus,ul#liens_mobiles a,ul#liens_mobiles a:hover,ul#liens_mobiles a:focus,#liens  a ,#liens_videos a ,#liens  a:hover ,#liens_videos a:hover,#liens  a:focus ,#liens_videos a:focus{color: #ffffff;}

#ul_bandeau a 
{  display:inline-block; width:122px;  padding:9px 1px ; 
 border: 2px solid #fff;
        background: #98B924; background-image: -moz-linear-gradient(top, #b8da40, #89a230); /* FF3.6 */-moz-border-radius: 10px 10px 0 0; 
  		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #b8da40),color-stop(1, #89a230)); /* Saf4+, Chrome */
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#b8da40', EndColorStr='#89a230'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#b8da40', EndColorStr='#89a230')"; /* IE8 */
        color: #fff;         -webkit-border-radius: 10px 10px 0 0; 
        -o-border-radius: 10px 10px 0 0; 
        border-radius: 10px 10px 0 0;  

        text-decoration: none;  
        text-shadow: 0px 0px 6px #777;
margin-left:12px; 
}
#ul_bandeau a:hover ,ul#ul_bandeau  a:focus{background: #b8da40;background-image: -moz-linear-gradient(top, #89a230, #b8da40); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #89a230),color-stop(1, #b8da40)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#89a230', EndColorStr='#b8da40'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#89a230', EndColorStr='#b8da40')"; /* IE8 */border: 2px solid #fff;
}
/*======position menu horizontal header=======*/
ul#liens_menu
{  position:fixed;
  z-index : 3; top:140px;
 left:10px;
  right:auto;
}

 ul#liens_menu a{display:block;
line-height:25px;
width:100px;
  margin:5px 0 20px 0;  text-align:center; 
        border: 2px solid #fff;
        background: #98B924; background-image: -moz-linear-gradient(top, #b8da40, #89a230); /* FF3.6 */
		-moz-border-radius: 10px 10px 0 0; 
        -webkit-border-radius: 10px 0 0 10px; 
        -o-border-radius: 10px 0 0 10px; 
        border-radius: 10px 0 0 10px;  
  		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #b8da40),color-stop(1, #89a230)); /* Saf4+, Chrome */
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#b8da40', EndColorStr='#89a230'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#b8da40', EndColorStr='#89a230')"; /* IE8 */
        color: #fff; 
        text-decoration: none;  
        text-shadow: 0px 0px 6px #777;box-shadow: none; }
 ul#liens_menu a:hover ,ul#liens_menu  a:focus{background: #b8da40;background-image: -moz-linear-gradient(top, #89a230, #b8da40); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #89a230),color-stop(1, #b8da40)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#89a230', EndColorStr='#b8da40'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#89a230', EndColorStr='#b8da40')"; /* IE8 */border: 2px solid #fff;box-shadow: none; }
		/*======fin===position menu horizontal header=======*/
		/*=======liens lateraux========== */
ul#liens_mobiles a ,ul#liens  a ,ul#liens_videos a {display:block;
line-height:25px;
  text-align:center; margin-bottom:8px ; 
        border: 2px solid #fff;
        background: #98B924; background-image: -moz-linear-gradient(top, #e69b00, #b88b32); /* FF3.6 */
		-moz-border-radius:10px; 
        -webkit-border-radius:10px;
        -o-border-radius:10px;
        border-radius:10px;
  		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e69b00),color-stop(1, #b88b32)); /* Saf4+, Chrome */
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#e69b00', EndColorStr='#b88b32'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e69b00', EndColorStr='#b88b32')"; /* IE8 */
        color: #fff; 
        text-decoration: none;  
        text-shadow: 0px 0px 6px #777;box-shadow: none; }
 ul#liens_mobiles a:hover ,ul#liens_mobiles  a:focus ,ul#liens  a:hover ,#liens  a:focus ,ul#liens_videos a:hover  ,#liens_videos a:focus {background: #e69b00;background-image: -moz-linear-gradient(top, #b88b32, #e69b00); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #b88b32),color-stop(1, #e69b00)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#b88b32', EndColorStr='#e69b00'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#b88b32', EndColorStr='#e69b00')"; /* IE8 */border: 2px solid #fff;box-shadow: none; }		
		


 #liens-photos a
{display:block;
line-height:25px;
width:100px;
  margin:5px 0 20px 0;  text-align:center; 
  border-width:1px 2px 2px 1px;
border-color: #666666 #4a4a4a #4a4a4a  #666666;
   border-style:solid;margin:5px 0 20px 0;  
   -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
box-shadow: 0pt 0pt 3px black;-moz-box-shadow:0pt 0pt 3px black;  -webkit-box-shadow:0pt 0pt 3px black;


}
#liens-photos a:hover
{  border-width:2px 1px 1px 2px; 
 border-color:#4a4a4a #666666 #666666 #4a4a4a; 
box-shadow: 0pt 0pt 10px black;-moz-box-shadow:0pt 0pt 10px black;  -webkit-box-shadow:0pt 0pt 10px black;
}
#liens_videos_mobiles a
{display:block;
 color: #fff; 
line-height:25px;
width:100px;
  margin:5px 0 20px 0;  text-align:center; background-color:#db970b; 
  border-width:1px 2px 2px 1px;
border-color: #666666 #4a4a4a #4a4a4a  #666666;
   border-style:solid;margin:5px 0 20px 0;  
   -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;box-shadow: 0pt 0pt 3px black;
box-shadow: 0pt 0pt 3x black;-moz-box-shadow:0pt 0pt 3px black;  -webkit-box-shadow:0pt 0pt 3px black;
}
#liens_videos_mobiles a:hover
{  border-width:2px 1px 1px 2px;color: #fff; 
 border-color:#4a4a4a #666666 #666666 #4a4a4a; 
box-shadow: 0pt 0pt 10px black;-moz-box-shadow:0pt 0pt 10px black;  -webkit-box-shadow:0pt 0pt 10px black;
}
#derniere_minute #liens_videos_mobiles a{ 
width:135px; height:auto;border: 3px solid #fff;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: 0pt 0pt 5px black;-moz-box-shadow:0pt 0pt 5px black;  -webkit-box-shadow:0pt 0pt 5px black;
}
#derniere_minute #liens_videos_mobiles a:hover{ 
box-shadow: 0pt 0pt 25px black;
}
/*data horizontal */
[data-mailtip] ,[data-pressetip],[data-dermintip],[data-coureuxtip],[data-humourtip],[data-resulstip],[data-accueiltip] ,[data-bureautip],[data-entraintip],[data-lienstip],[data-calendtip],[data-phototip],[data-videotip],[data-videofuntip]
{
position: relative; 
cursor:pointer;
}
[data-mailtip]:hover:after
{ content:attr(data-mailtip);
 position:absolute; top:2.5em;
  left:0; white-space:nowrap; padding:2px 5px; background:#e69b00;
}
[data-pressetip]:hover:after
{ content:attr(data-pressetip);
 position:absolute; top:2.5em;
  left:0; white-space:nowrap; padding:2px 5px; background:#e69b00;
}
[data-dermintip]:hover:after
{ content:attr(data-dermintip);
 position:absolute; top:2.5em;
  left:0; white-space:nowrap; padding:2px 5px; background:#e69b00;
}
[data-coureuxtip]:hover:after
{ content:attr(data-coureuxtip);
 position:absolute; top:2.5em;
  left:0; white-space:nowrap; padding:2px 5px; background:#e69b00;
}
[data-resulstip]:hover:after
{ content:attr(data-resulttip);
 position:absolute; top:2.5em;
  left:0; white-space:nowrap; padding:2px 5px; background:#e69b00;
}
[data-funtip]:hover:after 
{ content:attr(data-funtip);
 position:absolute; top:2.5em;
  left:0; white-space:nowrap; padding:2px 5px; background:#e69b00;
}
/*data vertical */
[data-accueiltip]:hover:after
{ content:attr(data-accueiltip);
 position:absolute; top:0;
  left:5.3em; white-space:nowrap; padding:2px 5px; background:#e69b00;
}
[data-bureautip]:hover:after
{ content:attr(data-bureautip);
 position:absolute;  top:0;
  left:5.3em; white-space:nowrap; padding:2px 5px; background:#e69b00;
}
[data-entraintip]:hover:after
{ content:attr(data-entraintip);
 position:absolute; top:0;
  left:6.3em; white-space:nowrap; padding:2px 5px; background:#e69b00;
}
[data-lienstip]:hover:after
{ content:attr(data-lienstip);
 position:absolute; top:0;
  left:5.4em; white-space:nowrap; padding:2px 5px; background:#e69b00;
}
[data-calendtip]:hover:after
{ content:attr(data-calendtip);
 position:absolute; top:0;
  left:6em; white-space:nowrap; padding:2px 5px; background:#e69b00;
}
[data-phototip]:hover:after
{ content:attr(data-phototip);
 position:absolute; top:0;
  left:5.5em; white-space:nowrap; padding:2px 5px; background:#e69b00;
}
[data-videotip]:hover:after 
{ content:attr(data-videotip);
 position:absolute; top:0;
  left:5.5em; white-space:nowrap; padding:2px 5px; background:#e69b00;
}
[data-videofuntip]:hover:after 
{ content:attr(data-videofuntip);
 position:absolute; top:0;
  left:5.8em;white-space:nowrap; padding:2px 5px; background:#e69b00;
}


/*======barre logo header=======*/

#coureur_bandeau
{
position:fixed;
 width:4.5%;
  height:49px; 
  z-index:7;
   left: 48%; 
   top: 65px;
}
#cam_bandeau{
 position:fixed; 
width:20%; 
height:40px; 
z-index:7; 
left: 40%; 
top: 108px;
}
#barre_gauche_bandeau{
position:fixed;
 width:41%;
  height:8px;
   z-index:6; 
   left: 0px; 
   top: 135px;
}
#barre_dte_bandeau{
position:fixed; 
width:41%; 
height:8px;
 z-index:6; 
 right:0; 
 top: 135px;
}
#derniere_minute h3 a:hover
{ display:block;
}
/*======liens de droite et logo======= */
#liens
{
position : fixed;
z-index : 1; right: 1.5%;
 ;top:136px;
}
#liens_mobiles,#liens-photos 
{ margin:0px;
position : absolute;
z-index :1;
top:3px;right:13px;
}
#liens_videos 
{
position :fixed;
z-index : 1;
top : 280px;
left: 80%;
 margin:0;
}
#liens_videos_mobiles
{
 position:absolute;
z-index : 1;
top : 180px;right: 5%;
margin:0;
}

#resultats #logo_droite
{
position : fixed;
z-index : 1;
top:160px;left: 80%;
 margin-right:
 10px;
}

#logo_droite ,#logo_droite_fixe 
{ 
width:12%;
  max-width:120px;
   max-height:120px; 
}
#logo_droite 
{ 
position:absolute;
right : 44px;
top:20px;
width : auto;
}
#facebook 
{
position:absolute;
top:95px;
left :0px;
}
#flux
{max-width:22px;
 max-height:22px; 
position:absolute;
width : auto;
top:100px;
left :35px;
}
#equipe
{ display:inline-block;width:99px;
 max-height:22px; 
position:absolute;
left :72px;
top:100px;
 background-color:#FFFFFF; color:#FF0000;padding:2px 2px;text-align:center;
}
#equipe a:hover
{ 

width :160; padding:2px 20px; text-align:center;
}
#logo_droite_fixe 
{
position : fixed;
z-index : 4;
right : 20px;top:170px;
}
/*rotation du logo*/
[role=navigation] img {
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;
}
[role=navigation] li:hover img {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}
/*liens à gauche*/
 #logo_gauche
 {
position : absolute;
z-index : 1;
left :1%;
top : 5px;
}
 #logo_gauche_fixe
 {
position : fixed;
z-index : 1; max-width:120px;
left : 16%;
top : 170px;
}
.coureux-pre{ margin-left:17%;
}
/*=======positionnement des pages de liens internes=======*/
#haut-gauche, #haut-droite, #milieu-droite, #bas-droite, #bas-gauche, #bas-milieu 
{
width : 150px;
height : 30px;
border : none;
position : absolute;
z-index : 1;
}
#haut-gauche 
{
left : 10%;
top : 100%;
}
#haut-droite 
{
left : 55%;
top : 100%;
}
#haut-tres-droite 
{
width : 150px;
height : 30px;
background-image:url(fichier_index/fond-marron.gif) ;
text-align : center;
font-size : 170%;
font-weight : bolder;
color : #3333cc;
border : none;
position : absolute;
z-index : 1;
left : 700px;
top : 200px;
}
#milieu-droite 
{
left : 500px;
top : 250px;
}
#bas-droite 
{
left : 55%;
top : 400%;
}
#bas-gauche
 {
left : 10%;
top : 400%;
}
#bas-milieu {
left : 300px;
top : 500px;
}
#viaduc
{
width : 86px;
height : 91px;
position : absolute;
z-index : 1;
left : 32%;
top : 250%;
}
#athlete {
width : 141px;
height : 216px;
position : absolute;
z-index : 10;
left : 30%;
top : 190%;
}
/*=====fin====*/
.gifresultats1 
{
width : 300px;
position : absolute;
z-index : 1;
left : 97px;
top : -70px;
padding-top : 20px;
padding-left : 0;
margin-bottom : 70px;
}
.gifresultats1 
{
top : 15px;
}
#reglement_challenge 
{
font-size : 75%;
margin-right : auto;
margin-left : auto;
}
a:link, a:visited 
{
text-decoration : none;
}
a:hover 
{
text-transform :none;
color : #ff3333;
}
h4 a:link, h4 a:visited 
{
color : #ff3333;
}
h4 a:hover 
{
color : #3333cc;
}
#table_menu a:hover,#table_bandeau_cadre a:hover 
{ background-color:#FFFFFF;
}
#haut-tres-droite a:visited 
{
background : #cccc00;
color : #cc3333;
}
/*copyright cam et retour en bas de page*/
#pied_de_page
{color : #ff3333;
 position:fixed;
left:10px;bottom:2px;
 font-size:12px;
font-weight : bold;
font-style : normal; 
}
#fun #pied_de_page
{
 
left:-17%;
}
/*pied de page ans blocage*/
 #bas-pied_de_page
{
  position:fixed; bottom:5px;
left:1%;
}
 

#cover .retour 
{
 position:fixed;
left:150px;
 font-size:12px;
font-weight : bold;
font-style : normal;

}
.retour 
{ display:block;font-size:12px;
font-weight : bold;
font-style : normal;
 color : #476dd2;
 width:auto;
  padding:15px; 
  margin-left:30%;
   margin-right:auto;
}
.retour a:hover 
{ 
  padding:15px; 
border: 2px solid #fff;
}
.bas-retour 
{ position:fixed;
left:44%; bottom:20px;
 font-size:12px;
font-weight : bold;
font-style : normal;
}

#resultats .retour
{
margin-bottom : 400px;
}
 .retour_challenge 
 {
margin-bottom : 250px;
}