/* CSS Document */

#zoneBasInterieur {
background-image:url(/images/zone-bas-interieur.jpg);
background-repeat:no-repeat;
width:980px;
}

#fondBasInterieur {
width:980px;
background-image:url(/images/fond-bas-interieur.jpg);
background-repeat:repeat-y;
}

#bandeGaucheInterieur {
background-image:url(/images/bande-gauche-interieur2.jpg);
background-repeat:no-repeat;
width:184px;
height:526px;
float:left;
margin-left:21px;
}
html>body #bandeGaucheInterieur  {
margin-left:41px;
}

#bandeGaucheContenu {
margin:10px 0 0 10px;
width:154px;
}
html>body #bandeGaucheContenu  {
margin:10px 0 0 15px;
}

#gaucheLogin {
float:left;
width:154px;
height:57px;
}
#gaucheLogin form {
margin:0;
}
#gaucheLogin input {
background-color:#6f94b2;
border:none;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}
#gaucheLogin a {
color:#FFFFFF;
}
#gaucheLogin a:hover {
color:#FFFFFF;
text-decoration:none;
}

/*** Boutons **/
#boutonEspaceClick a {
float:left;
margin-top:10px;
width:170px;
height:22px;
display:block;
}
#boutonEspace {
float:left;
margin-top:6px;
width:134px;
height:26px;
color:#FFFFFF;
margin-left:15px;
font-size:10px;
}

#boutonFilieres {
float:left;
margin-top:33px;
width:144px;
height:26px;
color:#FFFFFF;
margin-left:15px;
}
#boutonFilieres form {
margin:0;
}
#boutonFilieres select {
background-color:#9ebed6;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
border:none;
}


#boutonDiplomes {
float:left;
margin-top:44px;
width:144px;
height:26px;
color:#FFFFFF;
margin-left:15px;
font-size:10px;
}
#boutonDiplomes form {
margin:0;
}
#boutonDiplomes select {
background-color:#9ebed6;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
border:none;
}


#boutonEcoles {
float:left;
margin-top:44px;
width:144px;
height:26px;
color:#FFFFFF;
margin-left:15px;
font-size:10px;
}
#boutonEcoles form {
margin:0;
}
#boutonEcoles select {
background-color:#9ebed6;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
border:none;
}


#boutonVideosClick a {
float:left;
margin-top:15px;
width:170px;
height:18px;
display:block;
}
#boutonVideos {
float:left;
margin-top:8px;
width:134px;
height:26px;
color:#FFFFFF;
margin-left:15px;
font-size:10px;
}

#boutonForumClick a {
float:left;
margin-top:0px;
width:170px;
height:18px;
display:block;
}
#boutonForum {
float:left;
margin-top:5px;
width:134px;
height:26px;
color:#FFFFFF;
margin-left:15px;
font-size:10px;
}

#boutonChatInterieurClick a {
float:left;
margin-top:0px;
width:170px;
height:18px;
display:block;
cursor:text;
}
#boutonChatInterieur {
float:left;
margin-top:5px;
width:134px;
height:30px;
color:#FFFFFF;
margin-left:15px;
font-size:10px;
}

/********* Contenus droite ****************/
#droiteContenus {
float:left;
width:664px;
margin-left:32px;
margin-top:24px;
background-color:#FFFFFF;
}

#logoEcole {
margin-top:15px;
text-align:right;
}

#titreDegradeBleu {
background-image:url(/images/degrade-bleu-titre.gif);
background-repeat:repeat-y;
padding:3px;
font-size:24px;
color:#FFFFFF;
text-transform:uppercase;
margin:0px 0 1px 0;
}

#titreStatique {
background-image:url(/images/fond-titres-statiques.gif);
background-repeat:repeat-y;
padding:3px;
padding-top:60px;
font-size:16px;
font-weight:bold;
color:#FFFFFF;
text-transform:uppercase;
height:31px;
}

#contenu1col {
padding:10px;
}

#contenu1colVideo {
padding:10px;
background-image:url(../images/fond-video.gif);
background-repeat:no-repeat;

}

#cadreVideo {
float:left;
background-color:#246ead;
margin:13px 0 0 138px;
width:354px;
height:300px;
}

#vignettesVideo {
float:left;
width:612px;
height:109px;
background-color:#246ead;
margin:15px 0 0 15px;
}

#contenu1col h1 {
font-size:11px;
color:#e87718;
font-weight:bold;
margin:15px 0 5px 0px;
text-transform:uppercase;
}

#contenu1col a {
color:#026795;
}
#contenu1col a:hover {
color:#026795;
text-decoration:none;
}

.alinea {
display:block;
margin-left:30px;
}



#photoEcole {
float:left;
width:320px;
}

#lienSousPhoto {
color:#889203;
float:right;
font-weight:bold;
text-align:right;
}
#lienSousPhoto a {
color:#889203;
text-decoration:none;
}
#lienSousPhoto a:hover {
color:#889203;
text-decoration:underline;
}

#textes {
float:left;
margin-left:10px;
margin-top:15px;
width:290px;
}



.grosBouton {
float:right; 
width:268px;
height:19px;
background-image:url(/images/fond-gros-bouton.gif);
padding:10px 0 0 20px;
margin:10px 0 5px 0;
font-weight:bold;
clear:both;
}
.grosBouton a {
color:#889203;
text-decoration:none;
}
.grosBouton a:hover {
text-decoration:underline;
}


#basContenus {
clear:both;
width:664px;
}

#basContenusGauche {
float:left;
width:320px;
}
.basContenusGaucheBoutons {
width:320px;
border-top:1px dotted #000000;
padding-top:5px;
text-align:right;
}

#basContenusDroite {
float:left;
width:294px;
height:129px;
background-image:url(/images/fond-rdv-chat.gif);
background-repeat:no-repeat;
margin-left:50px;
}
#texteRDVChat {
float:left;
margin:75px 0 0 57px;
color:#FFFFFF;
font-weight:bold;
line-height:1.3em;
}

#logoCCIInterieur {
float:left;
width:864px;
text-align:right;
margin-top:20px;
margin-bottom:5px;
}


.formationitem {
	font-family: Arial, Helvetica, sans-serif;
	background: url("/images/bullet-orange.gif") 77px 7px no-repeat;
	padding: 0 0 0 92px;
}
.formationitem a {
	display: block;
	text-decoration: none;
	color: black;
}
.formationpad {
	width: 550px;
	background: url("/images/filet-formations.gif") bottom left no-repeat;
	padding: 4px 0 7px 0;
}
.formationtxt {
	display: block;
	color: #2670b0;
	font-size: 11px;
	font-weight: bold;
}


#contactEcole input {
background-color:#9ebed6;
}

#contactEcole .texte {
border:none;
padding:2px;
}


/********** Emplois Etudes **************/
#fondCarrefour {
background:url("/images/fond-page-carrefour.jpg");
position:relative;
width:967px;
height:521px;
}

#fondEcoles{
background:url("/images/fond-emploietudes-ecoles.jpg");
position:relative;
width:967px;
height:521px;
}

#fondVideos{
background:url("/images/fond-page-video.jpg");
position:relative;
width:967px;
height:521px;
}

#fondConseils{
background:url("/images/fond-page-conseils.jpg");
position:relative;
width:967px;
height:936px;
}

#boutonRetour {
position:absolute;
top:234px;
left:0px;
width:116px;
height:29px;
}
#boutonRetour a {
display:block;
width:116px;
height:29px;
}