@charset "utf-8"; 

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, form, label, legend, 
 caption, tbody, tfoot, thead, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, 
time, mark, audio, video{margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{display:block}

body{font-family:Arial,Helvetica,sans-serif; /*background:url(../images/fond_page_motif.jpg) repeat-y center top fixed;*/ line-height:1; margin:0; padding:0}



@font-face{font-family:"roundmarker-webfont"; font-style:normal; font-weight:normal;  src:url("roundmarker-webfont.eot");     src:url("roundmarker-webfont.eot?") format("eot"),          url("roundmarker-webfont.woff") format("woff"),          url("roundmarker-webfont.svg#abcd") format("svg"),          url("roundmarker-webfont.ttf") format("truetype")}

table{border-collapse:collapse; border-spacing:0}

a{color:#454601; text-decoration:none}

a:hover{color:#666701}

iframe{height:400px}

.global{ background:#FFF; overflow:hidden; height:100%; margin:0px auto 0px auto; border:solid 0px; min-height:100%; width:1000px}

ol, ul{list-style:none}

img{  width:auto;  max-width:100%;  height:auto;  display:block}

h1, h2, h3, h4{display:inline; font-size:100%; font-weight:normal}

#btn_up{position:fixed; bottom:15px; right:25px; cursor:pointer; display:none; z-index:12}

.contenuTooltipTexteGauche{color:#FFF; line-height:20px; max-width:500px; font-size:0.2em}

.contenuTooltipTexteDroite{color:#06F; background-color:#FFF; max-width:500px; font-size:0.9em; padding:5px}

.contenuTooltipAlerteDroite{color:#F00; background-color:#FFF; max-width:400px; font-size:0.750em; padding:5px}

.information{color:#C00; line-height:20px; font-size:12px; text-align:center; width:100%}

.information a{color:#333; font-size:12px}

.information a:hover{color:#666; font-size:12px}

.erreur{color:#C00; line-height:20px; text-align:center; width:100%; font-size:12px}

.alerte{color:#C00; line-height:20px; padding:5px; text-align:center; width:100%; font-size:12px}

.mon_bouton1{
	-moz-box-shadow:inset 0px 1px 0px 0px #fbfba4;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fbfba4;
	box-shadow:inset 0px 1px 0px 0px #fbfba4;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e1e19b), color-stop(1, #c0c052));
	background:-moz-linear-gradient(top, #e1e19b 5%, #c0c052 100%);
	background:-webkit-linear-gradient(top, #e1e19b 5%, #c0c052 100%);
	background:-o-linear-gradient(top, #e1e19b 5%, #c0c052 100%);
	background:-ms-linear-gradient(top, #e1e19b 5%, #c0c052 100%);
	background:linear-gradient(to bottom, #e1e19b 5%, #c0c052 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1e19b', endColorstr='#c0c052',GradientType=0);
	background-color:#e1e19b;
	-moz-border-radius:14px;
	-webkit-border-radius:14px;
	border-radius:2px;
	border: 1px solid #a0a001;	display:inline-block;
	cursor:pointer;
	color:#900;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
}
.mon_bouton1:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c0c052), color-stop(1, #e1e19b));
	background:-moz-linear-gradient(top, #c0c052 5%, #e1e19b 100%);
	background:-webkit-linear-gradient(top, #c0c052 5%, #e1e19b 100%);
	background:-o-linear-gradient(top, #c0c052 5%, #e1e19b 100%);
	background:-ms-linear-gradient(top, #c0c052 5%, #e1e19b 100%);
	background:linear-gradient(to bottom, #c0c052 5%, #e1e19b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0c052', endColorstr='#e1e19b',GradientType=0);
	background-color:#c0c052;
}
.pair{background-color:#F4F48D}

.impair{background-color:#FFF}

.sharrre{width:80px}
.sharrre .box a:hover{text-decoration:none}
.sharrre .share{color:#FFF; display:block; font-size:10px; font-weight:bold; height:20px; line-height:20px; margin-top:5px; padding:0; text-align:center; text-decoration:none; width:70px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px}
#twitter .share{text-shadow:1px 0px 0px #0077be; filter:dropshadow(color=#0077be,offx=1,offy=0); border:1px solid #0075c5; background:#26c3eb; background:-moz-linear-gradient(top,#26c3eb 0%,#26b3e6 50%,#00a2e1 51%,#0080d6 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#26c3eb),color-stop(50%,#26b3e6),color-stop(51%,#00a2e1),color-stop(100%,#0080d6)); background:-webkit-linear-gradient(top,#26c3eb 0%,#26b3e6 50%,#00a2e1 51%,#0080d6 100%); background:-o-linear-gradient(top,#26c3eb 0%,#26b3e6 50%,#00a2e1 51%,#0080d6 100%); background:-ms-linear-gradient(top,#26c3eb 0%,#26b3e6 50%,#00a2e1 51%,#0080d6 100%); background:linear-gradient(top,#26c3eb 0%,#26b3e6 50%,#00a2e1 51%,#0080d6 100%); /* W3C */filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#26c3eb',endColorstr='#0080d6',GradientType=0 ); box-shadow:0 1px 4px #DDD,0 1px 0 #5cd3f1 inset}
#facebook .share{text-shadow:1px 0px 0px #26427e; filter:dropshadow(color=#26427e,offx=1,offy=0); border:1px solid #24417c; background:#5582c9; background:-moz-linear-gradient(top,#5582c9 0%,#33539a 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#5582c9),color-stop(100%,#33539a)); background:-webkit-linear-gradient(top,#5582c9 0%,#33539a 100%); background:-o-linear-gradient(top,#5582c9 0%,#33539a 100%); background:-ms-linear-gradient(top,#5582c9 0%,#33539a 100%); background:linear-gradient(top,#5582c9 0%,#33539a 100%); /* W3C */filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5582c9',endColorstr='#33539a',GradientType=0 ); box-shadow:0 1px 4px #DDD,0 1px 0 #80a1d6 inset}
#googleplus .share{text-shadow:1px 0px 0px #222; filter:dropshadow(color=#222,offx=1,offy=0); border:1px solid #262626; background:#6d6d6d; background:-moz-linear-gradient(top,#6d6d6d 0%,#434343 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#6d6d6d),color-stop(100%,#434343)); background:-webkit-linear-gradient(top,#6d6d6d 0%,#434343 100%); background:-o-linear-gradient(top,#6d6d6d 0%,#434343 100%); background:-ms-linear-gradient(top,#6d6d6d 0%,#434343 100%); background:linear-gradient(top,#6d6d6d 0%,#434343 100%); /* W3C */filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6d6d',endColorstr='#434343',GradientType=0 ); box-shadow:0 1px 4px #DDD,0 1px 0 #929292 inset}

.inputNeutre{border:#CCC solid 1px; color:#CCC;background-image:none;}
.inputNeutreOn{border:#CCC solid 1px; color:#000;background-image:none;}
.inputIncorrect{border:#F00 solid 1px; color:#F00;background-image:url(../../../images/icones/btn_panier_suppr_on.png);}
.inputCorrect{border:#060 solid 1px; color:#060;background-image:url(../../../images/icones/btn_panier_plus_on.png);}

@media screen and (min-width:1000px){
	
.fond_page{background:url(../images/fond_page.png) center top fixed no-repeat;}
}

@media screen and (max-width:999px) and (min-width:750px){body{background:#A3A003;}

.global{width:100%; padding:0px;  background:#FFF}

iframe{height:300px}

#btn_up img{display:none}

}	

@media screen and (max-width:750px) and (min-width:480px){.global{width:100%; padding:0px; background:#FFF}

iframe{height:200px}

#btn_up img{display:none}

.copyrightPC{display:none}
}

@media screen and (max-width:480px){.global{width:100%; padding:0px; background:#FFF}

iframe{height:200px}

#btn_up img{display:none}

.copyrightPC{display:none}
}

.cookie_bar{  display: none;  line-height:1.2; text-align:center; position:fixed;left:0px;right:0px; bottom:0px; padding:10px; z-index:12; color:#666; background-color:#F2F2F2; border-top:1px solid #E4E4E4;}
.cookie_bar a{ text-decoration:underline; color:#348dd1}
.cookie_bar a:hover{ text-decoration:none;}
#cookie_accept{background-color:#666;}
#cookie_error{background-color:#849C0A;}
.cookie_btn{ display:inline-block; color:#FFF; margin-left:10px; padding:4px 10px; background-color:#55acee; border-radius:3px; cursor:pointer;}

@media screen and (min-width:990px){
	.cookie_bar{font-size:12px;}
	.mes_cookies_btn{ display:inline-block;}
}

@media screen and (max-width:989px){
	.cookie_bar{font-size:10px;}
	.mes_cookies_btn{ display:block; margin:5px auto 0px auto;}
}