/* CSS Document */

/* formatage tous les styles*/ 

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* texte_intro */
#texte_intro{
text-indent:-5000px;
height:0px;
line-height:0px;
}


/* conteneur site */
#conteneur_site{
margin:auto;
text-align:center;
width:950px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
}

/* header */
#header{
height:130px;
background:url(../images/top-contenu.gif) bottom no-repeat;
}
#logo{
float:left;
margin:11px 0px 0px 30px;
}
#sabonnerfacile{
float:right;
margin:11px 0px 0px 0px;
}
/* contenu */
#contenu{
background:url(../images/bottom-contenu.gif) bottom no-repeat;
background-color:#D1EA14;
float:left;
height:auto;
width:100%;
height:500px;
text-align:center;
padding-top:100px;
font-size: 120%;
/*min-height:700px;*/
}
#contenu strong{
font-weight:bold;
}

#contenu a{
color:#CC0000;
font-weight:bold;
}
#contenu a:hover{
color:#666666;
}
.img_gauche{
float:left;
padding-right:10px;
}
.img_droite{
float:right;
padding-left:10px;
}

#contenu_gauche {width:100%; float:left; height:600px;}

.img-accueil{
text-align:center;
padding:0px 0px 20px 0px;
margin:auto;
}
.im_pass_scolaire{
padding:20px 0px 20px 0px;
}

#contenu_ps{
text-align:center;
padding-right:30px;
}


#contenu_ps .intro_pass_scolaire{
 background:url(../images/bg-intro-pass.gif) no-repeat;
 width:438px;
 padding:10px;
 font-size:13px;
 font-weight:bold;
 line-height:25px;
 height:141px;
 text-align:left;
 margin:28px 0px 0px 20px;
}
#contenu_ps .p_intro_pass_scolaire{
padding-top:20px;
}

#contenu_ps .bouton_intro_pass_scolaire{
background:url(../images/btn-intro-pass-scolaire.gif) no-repeat;
width:275px;
height:81px;
text-align:center;
font-size:15px;
font-weight:bold;
padding-top:15px;
 line-height:25px;
 margin:auto;
}
#contenu_ps .bouton_intro_pass_scolaire a{
color:#CC0000;
text-decoration:none;
}
#contenu_ps .bouton_intro_pass_scolaire a:hover{
color:#666666;
}
/* contenu droit */
#contenu_droit{
float:left;
width:40%;
}
#contenu_droit .bouton_intro_campus{
background:url(../images/btn-intro-pass-scolaire.gif) no-repeat;
width:275px;
height:81px;
text-align:center;
font-size:15px;
font-weight:bold;
padding-top:15px;
line-height:25px;
float:left;
margin:17px 0px 0px 70px;;
}

#contenu_droit .bouton_intro_campus a{
color:#CC0000;
text-decoration:none;
}
#contenu_droit .bouton_intro_campus a:hover{
color:#666666;
}

/* page interieure */

#page_interieure{
padding:15px;
line-height:20px;
font-size:14px;
width:920px;

}
#page_interieure h2{
font-size:26px;
font-weight:bold;
padding:20px 0px 20px 10px;
letter-spacing:-1px;
clear:both;
}
#page_interieure h3{
font-size:18px;
font-weight:bold;
padding:10px 0px 5px 10px;
letter-spacing:-1px;
}

#page_interieure p{
padding:10px 0px 0px 10px;
}
#page_interieure ul{
padding:10px 0px 0px 30px;
}
#page_interieure li{
list-style:disc;
}
.bouton_demarrer{
background:url(../images/btn-pass-scolaire.gif) no-repeat center ;
width:100%;
height:59px;
margin-top:10px;
padding-top:20px;
text-align:center;
font-size:18px;
font-weight:bold;
letter-spacing:-1px;
line-height:30px;
}
.bouton_demarrer a{
color:#CC0000;
text-decoration:none
}
.bouton_demarrer a:hover{
color:#666666;
}

/* tableau pass scolaire */
#page_interieure  table{
margin-top:15px;
font-size:13px;
background-color:#FFFFFF;
line-height:20px;
border-collapse:collapse;

}
#page_interieure  table th{
font-size:15px;
color:#666666;
font-weight:bold;
height:30px;
padding:5px;
text-align:center;
}
#page_interieure table td{
color:#FFFFFF;
padding:5px;
}
#page_interieure table td.rouge{
background-color:#E41E26;
border-top:#D1EA14 10px solid;
border-bottom:#D1EA14 10px  solid;

}
#page_interieure table td.vert1{
background-color:#3AC1C2;
border-top:#D1EA14 10px  solid;
border-bottom:#D1EA14 10px  solid;
}
#page_interieure table td.rose1{
background-color:#EC008C;
border-top:#D1EA14 10px  solid;
}
#page_interieure table td.rose2{
padding-left:30px;
background-color:#F8C1D9;
color:#EC008C;
border-bottom:#D1EA14 10px  solid;
}
#page_interieure table td.vert2{
background-color:#C0C724;
}
#page_interieure table td.vert3{
background-color:#E9ECBD;
color:#7C9625;
padding-left:30px;
border-bottom:#D1EA14 10px solid;
}
#page_interieure table td.orange1{
background-color:#F58220;
}
#page_interieure table td.orange2{
background-color:#FDD5B1;
color:#FF6600;
padding-left:30px;
}
.prixabo{
font-size:16px;
font-weight:bold;
}
/* tableau piece necessaire */
#page_interieure table.no_color { 
background-color:transparent;
}
#page_interieure table td.no_color {
color:#000000;
vertical-align:middle;
padding:10px;
border-bottom:dotted 1px #FF66CC;
border-top:dotted 1px #FF66CC;
}
.clear{
clear:both;
}


/* CAMPUS */

.decalage_list{
margin-left:220px;
}
#page_interieure ul.liste_cas{
padding:20px 0px 0px 30px;
font-size:16px;
}
#page_interieure li.cas-1{
background:url(../images/cas-1.gif) no-repeat;
padding: 10px 0px 10px 50px;
list-style:none;
}
#page_interieure li.cas-2{
background:url(../images/cas-2.gif) no-repeat;
padding: 10px 0px 10px 50px;
list-style:none;
}
#page_interieure li.cas-3{
background:url(../images/cas-3.gif) no-repeat;
padding: 10px 0px 10px 50px;
list-style:none;
}
#page_interieure li.cas-4{
background:url(../images/cas-4.gif) no-repeat;
padding: 10px 0px 10px 50px;
list-style:none;
}
.img_gauche_campus{
padding:20px 10px 0px 20px;
float:left;
}
.hauteur_50px{
line-height:50px;
color:#018BBE;

}
.hauteur_80px{
line-height:80px;
}
.bleu{
color:#018BBE;
}
.places_cine{
font-size:16px;
background-color:#FF9900;
height:50px;
margin-top:20px;
text-align:center;
font-weight:bold;
}
.plusgros{
font-size:16px;
}
/* footer */
#footer{
clear:both;
background:url(../images/footer.gif) no-repeat;
height:45px;
margin-top:10px;
font-size:11px;
text-align:center;
padding-top:15px;
position:relative;
top:10px;
}
#footer strong{
font-size:12px;
font-weight:bold;
}
#footer a{
color:#CC0000;
text-decoration:none;
}
#footer a:hover{
color:#CC0000;
background-color:#F2F2F2;
}
.tarif{
font-size:10px;
}