/* CSS Document */

/* Cette feuille de style est inpirée du modèle "Nifty Corners Layout d Alessandro Fulcinitie */
/* Si vous trouvez ces lignes utiles, nhésitez pas à vous en inspirer pour vos propres créations. */


/* YUI Reset and Fonts */
/*reset.css*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/*fonts.css*/
body{font:11px verdana,arial,helvetica,clean,sans-serif; background:#707883; line-height:1.5em; text-align:justify;}
table {}
select, input, textarea {}
pre, code {}
body * {}


/* Base Typograhy Settings */
/* Body */ 
:focus {} 
body {}

/* Headings */
 h1, h2, h3, h4, h5, h6, h7 {} 
 h1 {font-size:250%; color:#FFFFFF; margin-bottom:15px;} 
 h2 {font-size:150%; color:#707883; margin-bottom:15px; font-weight:bold;}
 .inline {display:inline;}
 h3 {} 
 h4 {} 
 h5 {} 
 h6 {} 
 h7 {}

/* Paragraph Text */ 
p, pre {margin:10px 0 10px 0;}
#chrono {margin:0; font-size:170%; color:#FFFFFF;text-decoration:underline;}
span {color:#707883;}

/* Lists */ 
ul {} 
ol {} 
li {} 
dl {} 
dt {} 
dd {}
.puce{list-style-image:url(img/puce.gif);}
.puce li {margin:10px 0 10px 30px;}

/* Block Level Type Styles */ 
blockquote {} 
address {} 
del {} 
ins {} 
pre {}

/* Inline Type Styles */ 
abbr, acronym {  } 
strong {} 
em, dfn, cite {}

/* Tables */ 
table {} 
tr {} 
th, td {} 
th {} 
caption {}

/* Forms */ 
form {} 
label {} 
fieldset {} 
legend {}
input {}
input:focus, textarea:focus{background-color: lightyellow;}

#formu label, #mail p {display:block; width:300px; background-color:#707883 ; margin:15px 0 -1px 0; color:#FFFFFF; padding-left:5px;} 
#formu input, #file {width:280px; border:1px solid #C8C8C8; margin-left:10px; padding:2px;}
textarea {width:280px;border:1px solid #C8C8C8;margin-left:10px; padding:2px;}
#choix input{margin-left:15px; margin-top:5px; margin-right:5px;}
.bout {width:135px;margin-left:10px;}

/* Mail envoyé */
#bodymail {width:600px; margin:50px auto 0 auto; background:#EDD3BB; padding:25px;}
#infomail {padding:15px; background-color:#fff;} 
#infomail hr { border:0; color:#C8C8C8; height:1px; background-color:#C8C8C8;}
#infomail h1 {font-size:150%; font-weight:bold; padding-top:25px; color:blue;}
#errormail b {color:red;}

#retourHome {display:block; border:#C8C8C8 solid 1px; background-color:#f2f2f2; padding:5px; margin-top:15px; text-align:center; font-weight:bold; }
#retourForm {display:block; border:#C8C8C8 solid 1px; background-color:#f2f2f2; padding:5px; margin-top:15px; text-align:center; font-weight:bold;}
#retourHome:hover {background-color: #E2E2E2;}
#retourForm:hover {background-color:#E2E2E2;}
#retourHome { text-decoration:none;}
#retourForm {text-decoration:none;}
#retour { text-align:center;}

.arrow{list-style-image:url(img/bullet-arrow.gif);margin-left:3em;}

/* Links */ 
a { color:#707883;} 
a:hover { color:#000000; } 
a:visited {}

/* Images */

.imgright{float:left;padding:5px;border:1px solid #C8C8C8;margin-right:1em; background:#FFFFFF;}
.imgleft{float:right;padding:5px;border:1px solid #C8C8C8;margin-left:1em;background:#FFFFFF;}
.imgcenter{display:block;padding:5px;border:1px solid #C8C8C8;margin-left:auto;margin-right:auto;background:#FFFFFF;}
iframe{padding:5px;border:1px solid #C8C8C8;background:#FFFFFF;}
#toit {width:735px;}
#toit img {margin:0;padding:0;}

/* Layout main*/
#global{width:850px;margin-top:50px;margin-left:auto;margin-right:auto;margin-bottom:50px;padding:10px; background:#FFFFFF;}
#header{background: #BBD9EE; width:100%;text-align:center;}
#content{background:#EDD3BB; padding:20px 75px 20px 75px;margin-top:10px;}
#sponsors{background:#EDD3BB; text-align:center;}
#footer{position:relative;bottom:-10px;text-align:center;}

/* Layout others*/
.separation{visibility:hidden;clear:both;}
#sponsors img{position:relative;bottom:-10px;}
#footer img{margin:10px 20px 10px 20px;}

/* Timer */
table.timer {font: bold 24pt Tahoma, Arial, Helvetica;color:black;}
table.timer.td {padding: 0;margin: 0;}
table.timer tr.labels td {font-size: 10pt;}

/* Menu */

/* Tabs */
#menu{width: 100%;padding-top:20px;background: #BBD9EE;font-size:85%;}
ul#nav{margin-left: 75px;position:relative;bottom:-7px;}
ul#nav li{float:left;margin-right: 3px;text-align: center}
ul#nav a{float:left;width: 8em;padding: 5px 0;background: #E7F1F8;text-decoration:none;color: #666}
ul#nav a:hover{background: #FFA826;color: #FFF}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #FFF;color: #003}


/* Self-clearing Containers */
#container:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#container{display:inline-block;} /* Force IE7 to respect generated content */

/* Hide the next declaration from IE Mac \*/
* html #container, * html #menu {height:1%;display:block;}

/* IE box model hacks */
/** html #left {width:18em;wid\th:18em;}*/
/** html #center {width:auto;wid\th:auto;}*/

/* IE png hack */
.png{behavior: url("png.htc");}