/* 
   VINCI 10 ans
			Frederic RENARD - VINCI
			Derniere modification 31/03/2011
			A noter : les effets CSS3 (arrondis & ombres) ne fonctionnent pas sous IE 6 & 7 :-(
*/

/****************/			
/* BALISES HTML */	
/****************/					
* {margin:0; padding:0}			
body {text-align:center;	font:0.75em "Trebuchet MS", Arial, Helvetica, sans-serif;	color:#000;	background:#fcfcfa url(fond-body.png) repeat-y center top}
a {text-decoration:none}
img {border:none 0}
p {line-height:1.5em;padding-bottom:1em}
sub {vertical-align: baseline;font-size: 0.909em}

input,textarea,select{font:1em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;padding:.1em}
input,textarea {width:20em;border:1px solid #666}
textarea {width:28em;height:4em}
input.demi {width:10em}
input.radio{width:auto !important; border-style:none}
fieldset{border:1px solid #CCC;padding:10px;margin:1.5em 0;width:780px;background:#f5f5f5}
legend{font-weight:bold;color:#333;padding-left:.25em;text-transform:uppercase}
table.bordure {border-collapse:collapse;border: 1px solid #CCC}
table.bordure td,table.bordure th{border: 1px solid #CCC;padding:2px 4px}
table.bordure th {text-align:center}
.inputReadOnly  {width:75%;height:58px;border-style:none !important;background:#f5f5f5;overflow:hidden}
.displayOFF {display:none}
.displayON{display:block}

/*********************************/			
/* BOITES PAR ORDRE D'APPARITION */	
/*********************************/	
/*--- 0 CONTENEUR PRINCIPAL ---*/
#container{text-align:left;margin-left:auto;margin-right:auto;width:1200px;min-height: 768px;background:#fcfcfa url(fond-container.png) no-repeat center top}/**/
*html #container {height: 768px} /* Hack special IE 6 :-( */
#container div.ligne {width:1200px; height:120px}
#container div.ligne div {float:left; display:inline}
#container div.content {width:1200px}
#container div.content div{display:inline}

/* THEMES */
/* LIGNE 1 */
#tools {margin-left:120px; width:100px; height:60px; padding:60px 10px 0;text-align:center}
#film10ans {margin-left:120px}
#logo {float:right !important; margin-right:120px; width:345px;	height:90px; padding: 30px 0px 0px 15px}

/* LIGNE 2 */
#campagne {}
#concours {margin-left:360px} /* intranet */
#menu {float:right !important; width:310px;height:100px; padding-top:20px ;margin-right:120px}

/* LIGNE 3 */
/* > Themes */
#chantiers {margin-left:360px}
#slogan {float:right !important;width:360px;margin-right:120px}
#slogan h1 {padding:15px; font-size:1.250em;line-height:1.333em; color:#004489}
#slogan h1 span {color:#e20025}
#dates {float:right !important;margin-right:240px}


#popHeader, #popTheme, #popDate { float:left;	padding:0 15px 15px; background:#e3e4e5;	margin-left:120px;	width:568px;	border:solid 1px #ccc }
#popTheme, #popDate { overflow: auto;	
 -moz-box-shadow: 3px 10px 10px #999; -webkit-box-shadow: 3px 10px 10px #999; box-shadow: 3px 10px 10px #999 }
#popDate {	border-top-color: #e3e4e5;	height:390px }
#popHeader { border-bottom-color: #e3e4e5;	height:55px}
#popHeader h3, #popTheme h3 {color:#fff; font-size: 1.333em ; margin-bottom: 0.5em; padding:5px 3px; background: #545456 url(fond-h3.png) repeat-x left top;text-align:center;
 -moz-border-radius: 8px; -webkit-border-radius: 8px;	border-radius: 8px;
	-moz-box-shadow: 3px 3px 10px #999; -webkit-box-shadow: 3px 3px 10px #999; box-shadow: 3px 3px 10px #999}
#popTheme h3{	margin-bottom:15px}
#popTheme a, #popDate a, #popHeader a{color:#01458a}
#popTheme a:hover, #popDate a:hover, #popHeader a:hover{color:#f00}

/* > Annees */
#y2000 {margin-left:120px}
#y2004 {margin-left:240px}
#y2006 {margin-left:120px}
#y2008 {}

/* > Sous-menu des annees */
#submenu {float:right;width:360px;height:120px;margin-right:120px}
#submenu a {float:left;	text-align:center; width:58px;	height:54px;	padding-top:4px;	background: url(fond-year0.png) no-repeat center center;	border:solid 1px #ccc;	color:#666;	font-weight:bold;font-size:36px;	line-height:25px}
#submenu a.espace {margin-right:60px}
#submenu a:hover, #submenu a.on {background: url(fond-year1.png) no-repeat center top !important;	border:solid 1px #666; color:#fff}

/* formulaire du concours photo */
#page {margin-left:120px;margin-right:240px;padding:10px;background:#fff;border: 5px solid #c6c7c9}
#page h2 {color:#666; font-size:1.25em; border-bottom: solid 2px #ccc; margin: 1em 0 0.5em; text-transform: uppercase }
#page h3 {color:#666; font-size:1.1em; border-bottom: solid 1px #ccc; margin: 1em 0 0.5em}

/* LIGNE 4 */
/* > Themes */
#films {margin-left:120px}
#outils {margin-left:240px} /* intranet */
/* > Annees */
#y2001 {margin-left:120px}
#y2002 {}
#y2003 {}
#y2005 {margin-left:120px}
#y2007 {}
#y2009 {margin-left:120px}

/* LIGNE 5 */
/* > Themes */
#parole {margin-left:600px} /* intranet */
#temoignages {float:right !important;margin-right:360px}
/* > Annees */
#y2010 {float:right !important;margin-right:120px}


/* > commun */
#tools a {color:#666;text-decoration:underline}
#tools a:hover {color:#000}
#menu ul {margin-left:30px;width:280px;}
#menu li {display: inline; list-style: none}
#menu a { /* arrondis et ombres ne fonctionnent pas sur IE mais on s'en fout */
float:left; padding: 1px 8px; margin-left:15px;
color:#666; border: solid 1px #ccc; background:#eff1f6;
-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
-moz-box-shadow: 5px 3px 10px #666; -webkit-box-shadow: 5px 3px 10px #666; box-shadow: 5px 3px 10px #666 }
#menu a:hover, #menu a.on {color:#fff; border: solid 1px #d9dae3; background:#c9cad1}
#menu p {line-height:1.167em;padding: 13px 20px 0px}

.boutonW2 {padding: 5px 10px; width:auto;
color:#000; border: solid 1px #666; background-color:#ccc;
-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
-moz-box-shadow: 5px 3px 10px #666; -webkit-box-shadow: 5px 3px 10px #666; box-shadow: 5px 3px 10px #666 }
.boutonW2:hover {color:#fff; border: solid 1px #d9dae3; background-color:#004489}
.boutonAnnuler, .boutonValider, .boutonImprimer, .boutonChercher {background-repeat:no-repeat;background-position:4px 50%;padding-left:20px}
.boutonImprimer{background-image: url(b-imprimer.png);padding-left:30px !important}
.boutonAnnuler{background-image: url(b-annuler.png)}
.boutonValider{background-image: url(b-valider.png)}
.boutonChercher{background-image: url(b-chercher.png)}

/* > Themes */
.pop {width:120px; height:120px; overflow:hidden; text-align:center; line-height:1.25em;
-moz-box-shadow: 3px 3px 10px #999; -webkit-box-shadow: 3px 3px 10px #999; box-shadow: 3px 3px 10px #999}
.pop h2 {font-size:1.083em}
.pop a {display:block; background: #e3e4e5; width:110px; height:50px; color:#666; padding: 70px 5px 0 }
.pop img, .pop object {margin-left:-5px;margin-top:-70px}

/* > Annees */
.year{width:120px; height:120px;text-align:center;overflow:hidden}
.year a {display:block;	width:118px;	height:109px;	padding-top:9px;	background: url(fond-year0.png) no-repeat left top;	border:solid 1px #ccc;	color:#666;	font-size:72px;	line-height:50px}
.year a:hover {background: url(fond-year1.png) no-repeat left top !important;	border:solid 1px #666}

/* Listes avec case */
#listecase li {float:left; width:165px;height:120px; font-size:1.167em;font-weight:bold;text-align:center;margin-right:16px;margin-top:5px}
#listecase img {-moz-box-shadow: 3px 3px 10px #999; -webkit-box-shadow: 3px 3px 10px #999; box-shadow: 3px 3px 10px #999}

/* palmares photo */
p.palmares {padding:2px}
p.palmares img {margin:1px; -moz-box-shadow: 4px 4px 6px #333; -webkit-box-shadow: 4px 4px 6px #333; box-shadow: 4px 4px 6px #333; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px}
p.palmares img:hover {-moz-box-shadow: 4px 4px 6px #000; -webkit-box-shadow: 4px 4px 6px #000; box-shadow: 4px 4px 6px #000;}

/* STYLES COMMUNS */
.caution {padding:1em;background:#e5e5e5;border:solid 1px #f00}
.fermeture {text-align:right;font-weight:bold}
.fermeture a {background:#fdfdfb;border: solid 1px #666;padding:3px 10px;
-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
-moz-box-shadow: 2px 2px 4px #666; -webkit-box-shadow: 5px 3px 10px #666; box-shadow: 5px 3px 10px #666}
.fermeture a:hover {border: solid 1px #f00}
.date {color:#666}
.spacer {clear:both; font-size:0; height:0}
.pixd {float: right; margin: 0 0 5px 5px}
.pixg {float: left; margin: 0 5px 5px 0}
.discret {color:#666;font-size:0.917em}
a.pdf {background: url(pdf.gif) no-repeat scroll right center;padding-right: 14px} /* document PDF */

/* IMPRESSION */
@media print {
	#container, fieldset{width:98%;background:#fff}
	#container div.ligne {width:98%;height:auto}
 #container div.content {width:98%}
 #tools, #menu, #submenu, #slogan, #film10ans, .pop, .fermeture, .boutonW2 {display:none !important}
	.gallery, .pp_overlay, .pp_pic_holder {display:none !important}
	#logo {display:block; margin:0; padding: 0; text-align:left;width:98%}
	#page {display:block; margin:0;width:98%}
	#popHeader, #popTheme, #popDate { display:block;	padding:0 15px 15px; background:#fff;	margin-left:0;	width:auto;	overflow:visible !important;border: none 0 }
 #popHeader, #popTheme, #popDate, #popHeader h3, #popTheme h3 {
	 -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; 
	 -moz-box-shadow: 0px 0px 0px #fff; -webkit-box-shadow: 0px 0px 0px #fff; box-shadow: 0px 0px 0px #fff}
	
}