/* CSS Document */

body
{
margin:0px;
padding:0px;
margin:0px;
background-color:#427287;
border:none;
font-size:12px; color:#000000; font-family:Verdana, Arial; text-decoration:none;
}

a:active   { text-decoration: none; }
a:link	   { color:#427287; text-decoration: none; }
a:visited  { color:#427287; text-decoration: none; }
a:hover	   { color:#FFFFFF; text-decoration: none; }

input, li, p, select, td, th, textarea   { font-family: Verdana, Arial, sans-serif; font-size: 10px; color:#000000;
padding:0px;
margin:0px;
text-align:justify; }

.titrerubrique

{
font-family: Verdana, Arial, sans-serif; font-size: 10px; color:#000000;
padding:0px;
margin:0px;
text-align:justify;
font-size: 12px; 
color:#427287; font-weight: bold;
}

.cache
{display:none}

.smalltxtitalique
{
font-size:10px;
font-style:italic;
}

a.petitlien {
font-family: Arial, sans-serif;
font-size:10px;
cursor:pointer;
color:#427287;
}
a.petitlien :hover{color:#0099FF;}

h1 h2 h3 h4 p
{
padding-bottom:0px;
padding-right:0px;
padding-left:0px;
padding-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
font-family: Verdana, Arial, sans-serif; 
}

h2
{
font-size: 12px; 
color:#427287; font-weight: bold;
}

ul
{
padding:0px;
margin:0px;
list-style:none;

}

ul li
{
padding:0px;
margin:0px;
float:left;
}

ul li a
{
font-size: 12px; 
}

.small     { font-family: Arial, sans-serif; font-size:10px; line-height: 11px; }
a.small  {color:#FFFFFF}
a.small :hover{color:#000000}
.white {color:#FFFFFF;}

#top
{
width:100%;
height:100px;
background-color:#427287;
}


#containertop
{
position:relative;
width:770px;
height:100px;
margin-right:auto;
margin-left:auto;
background-color:#427287;
}

#logotop
{
position:absolute;
top:18px;
left:0px;
width:272px;
height:58px;
background-repeat:no-repeat;
}

#login
{
position:absolute;
top:22px;
right:5px;
}

#ligneblanche
{
width:100%;
background-color:#FFFFFF;
height:2px;
}

.lblanche
{
width:100%;
background-color:#FFFFFF;
height:2px;
}

#onglet
{
width:100%;
background-color:#8CC63F;
height:30px;
width:100%;
}

#containeronglet
{
width:770px;
margin-left:auto;
margin-right:auto;
height:30px;
background-color:#8CC63F;
}

#containeronglet ul li
{
padding-right:13px;
padding-left:4px;
padding-top:6px;
}


#containeronglet ul li a 
{
font-weight:bold;

}

#center
{
width:100%;
background-image:url(../IMG/img-portail/fondgris.png);
background-repeat:repeat;
height:270px;
background-color:#FFFFFF;
}

#centerplansite
{
width:100%;
background-image:url(../IMG/img-portail/fondgris.png);
background-repeat:repeat;
height:860px;
padding-bottom:0px;
margin-bottom:0px;
}



#center_formulaire
{
width:100%;
background-image:url(../IMG/img-portail/fondgris.png);
background-repeat:repeat;
height:285px;
}


#centersoutienscolaire
{
width:100%;
background-color:#FFFFFF;
background-repeat:repeat;
height:270px;
}

#containercenter
{
padding:0px;
margin:0px;
position:relative;
width:770px;
margin-left:auto;
margin-right:auto;
background-repeat:no-repeat;
background-color:#FFFFFF;
height:270px;
}

#titrecontainercenter
{
padding:0px;
margin:0px;
position:absolute;
top:14px;
left:15px;
width:500px;

}

#titrecontainercenter h1
{
padding:0px;
padding-left:25px;
margin:0px;
font-family: Arial, sans-serif;
font-size:19px;
color:#427287;

}

#containerplansite
{
position:relative;
width:920px;
margin-left:auto;
margin-right:auto;
background-repeat:no-repeat;
padding-bottom:10px;
}
#containerplansite h1
{
text-align:center;
}

#containerportail, #containersitesinovacours
{
position:relative;
width:100%;
float:left;
background-color:#E2E2E2;
padding-top:0px;
margin-top:0px;
}

#containersitesinovacours
{
padding-top:10px;
padding-bottom:0px;
margin-bottom:0px;
}

#portailsite_1, #portailsite_2, #portailsite_3, #plansoutienscolaire, #planparticulier, #planprofessionnels
{
position:relative;
width:285px;
float:left;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
margin-bottom:0px;
}

#portailsite_1 ul, #portailsite_2 ul, #portailsite_3 ul, #plansoutienscolaire ul, #planparticulier ul, #planprofessionnels ul
{
float:none;
background-color:#E8F3FF;
border-width:1px;
border-color:#FFFFFF;
margin-top:0px;
padding-top:0px;
border-style:solid;
padding-bottom:5px;
}


#portailsite_1 ul li, #portailsite_2 ul li, #portailsite_3 ul li, #plansoutienscolaire ul li, #planparticulier ul li, #planprofessionnels ul li
{
float:none;
padding-left:5px;
padding-top:0px;
margin-top:0px;
}

#portailsite_1 ul li a, #portailsite_2 ul li a, #portailsite_3 ul li a, #plansoutienscolaire ul li a, #planparticulier ul li a, #planprofessionnels ul li a
{
font-size:11px;
}


#portailsite_1 ul li a:hover, #portailsite_2 ul li a:hover, #portailsite_3 ul li a:hover, #plansoutienscolaire ul li a:hover, #planparticulier ul li a:hover, #planprofessionnels ul li a:hover
{
color:#000000;
}


#portailsite_1 h1, #portailsite_2 h1, #portailsite_3 h1, #plansoutienscolaire h1, #planparticulier h1, #planprofessionnels h1
{
text-align:center;
font-size:16px;
color:#427287;
margin-top:10px;
margin-bottom:8px;
background-color:#F4F4F4;
}

#portailsite_1 h1,#portailsite_3 h1
{
background-color:#E2E2E2;
}

 #portailsite_1 h2, #portailsite_2 h2, #portailsite_3 h2, #plansoutienscolaire h2, #planparticulier h2, #planprofessionnels h2
{
text-align:left;
font-size:12px;
color:#427287;
padding-left:3px;
padding-bottom:2px;
margin:0px;

background-color:#F4FAFF;
}


#titreplan
{
position:relative;
text-align:center;
font-size:20px;
font-weight:bold;
color:#427287;
margin-top:10px;
margin-bottom:10px;

}

#styleconstruction
{
position:relative;
text-align:center;
font-size:12px;
color:#427287;
font-style:italic;
}


#containercentersoutienscolaire
{
position:relative;
width:770px;
margin-left:auto;
margin-right:auto;
background-image:url(../IMG/img-portail/cours-soutien-scolaire.jpg);
background-repeat:no-repeat;
height:270px;
background-color:#FFFFFF;
}

#containercentercoursadultes
{
position:relative;
width:770px;
margin-left:auto;
margin-right:auto;
background-image:url(../IMG/img-portail/cours-pour-adultes.jpg);
background-repeat:no-repeat;
height:270px;
background-color:#FFFFFF;
}

#containercentercoursentreprises
{
position:relative;
width:770px;
margin-left:auto;
margin-right:auto;
background-image:url(../IMG/img-portail/cours-pour-entreprises.jpg);
background-repeat:no-repeat;
height:270px;
background-color:#FFFFFF;
}

#containercentertextegauche
{
position:absolute;
top:56px;
left:58px;
width:290px;


}

#containercentertextegauche a:hover
{
color:#000000;
}


#ligneverte
{
width:100%;
background-color:#8CC63F;
height:6px;
}

#accesauxsites
{width:100%;
background-color:#FFFFFF;
height:150px;
}

#containeraccesauxsites
{
position:relative;
width:770px;
height:150px;
margin-left:auto;
margin-right:auto;
}

#containeraccesauxsites img
{
margin:auto;
}

#containeraccesauxsites a img
{
border: 0px; 
}

#accessoutien
{
position:absolute;
left:0px;
top:0px;
background-color:#FFFFFF;
background-repeat:no-repeat;
height:150px;
width:256px;
border-left:solid 1px #CCCCCC;
}

#photosoutien
{
width:235px;
height:150px;
margin-right:auto;
margin-left:auto;
}

#accesparticuliers
{
position:absolute;
left:256px;
top:0px;
border-left:solid 1px #CCCCCC;
background-color:#FFFFFF;
height:150px;
width:256px;
}

#photoparticuliers
{

width:235px;
height:150px;
margin-right:auto;
margin-left:auto;
}


#accesentreprises
{
position:absolute;
left:512px;
top:0px;
border-left:solid 1px #CCCCCC;
border-right:solid 1px #CCCCCC;
background-color:#FFFFFF;
height:150px;
width:256px;
}

#photoentreprises
{
width:235px;
height:150px;
margin-right:auto;
margin-left:auto;
}

#footer
{

background-color:#427287;
height:70px;
}

#containerfooter
{
width:770px;
margin-left:auto;
margin-right:auto;
}

#containerfooter ul li a 
{
color:#FFFFFF;
font-size:12px;
}

#containerfooter ul li a:hover
{
color:#000000;
cursor:pointer;
}

#hautcadrancentralpagecommune
{
width:770px;
position:absolute;
top:0px;
margin-top:7px;
left:0px;
height:25px;
border-bottom:solid 1px #666666;
}


#hautcadrancentralpagecommune a:hover
{
color:#000000;
}

#cadranMotdePasseOublie
{
width:770px;
position:absolute;
top:0px;
margin-top:15px;
left:200px;
height:25px;
}

#rappelIdentifiant
{
font-size:11px;
}

#colonnegauche
{
position:absolute;
top:50px;
left:6px;
width:170px;
}

#colonnegauche_formulaire
{
position:absolute;
top:50px;
left:6px;
width:170px;
}

#colonnegauche ul li
{
float:none;
padding-top:5px;
}

#colonnegauche_formulaire ul li
{
float:none;
padding-top:5px;
}

#colonnegauche ul li a {
cursor:pointer;
color:#427287;
}

#colonnegauche_formulaire ul li a {
cursor:pointer;
color:#427287;
}


#colonnegauche ul li a:hover 
{
color:#333333;
}

#colonnegauche_formulaire ul li a:hover 
{
color:#333333;
}

#cadrandroite
{
border-left:solid 1px #666666;
position:absolute;
top:50px;
left:171px;
width:595px;
}

#cadrandroite p
{
font-size:12px;
padding-left:10px;
}

#cadrandroite a
{
cursor:pointer;
color:#427287;
}

#cadrandroite a:hover
{
color:#000000;
}

#erreurIdentification
{
color:#FF0000;
margin-left:550px;
font-weight:bold;
}

