body
{
background-color: #cabba9;
}

.conteneur
{
/*
height:90%;
overflow:auto;
*/
height:1050px;
min-height:950px;
background-color: #F5EDE3;
display: block;
margin-left: 30px;
margin-right: -11px;
margin-top: -20px;
padding-top: 30px;
padding-bottom: 50px;
border-left: #000000 1px solid;
border-bottom: #000000 3px solid;
}

.etoile
{
z-index:1;
position:absolute;
left: 60px;
top: 10px;
}

.menu
{
float:left;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 20px;
margin-right: 5px;
border-right: #C40000 1px solid;
border-top: #C4C4C4 1px dashed;
border-left: #C4C4C4 1px dashed;
border-bottom: #C40000 2px solid;
padding-right: 20px;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
color: #000000;
font-family: Arial;
font-size: 14px;
text-align: left;
line-height: 34px;
background-color: #f3f1ef;
}

.pub
{
border-right: #C40000 1px solid;
border-top: #C4C4C4 1px dashed;
border-left: #C4C4C4 1px dashed;
border-bottom: #C40000 2px solid;
padding-right: 20px;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
background-color: #f3f1ef;
position:absolute;
left:60px;
top:380px;
}


.banner
{
margin-left: 200px;
margin-right: 20px;
margin-bottom: 20px;
border-right: #C40000 1px solid;
border-top: #C4C4C4 1px dashed;
border-left: #C4C4C4 1px dashed;
border-bottom: #C40000 2px solid;
padding: 20px;
display:block;
font-size: 20px;
color: #000000;
font-family: Arial;
background-color: #f3f1ef;
text-align: left;
padding-bottom:10px;
}

.include
{
margin-left: 200px;
margin-right: 20px;
border-right: #C40000 1px solid;
border-top: #C4C4C4 1px dashed;
border-left: #C4C4C4 1px dashed;
border-bottom: #C40000 2px solid;
padding: 20px;
display:block;
font-size: 14px;
color: #000000;
font-family: Arial;
background-color: #f3f1ef;
text-align: left;
line-height: 30px;
}


.include .prog
{
margin: 20px;
border-top: #C4C4C4 1px solid;
border-left: #C4C4C4 1px solid;
padding-left: 20px;
padding-right: 20px;
display: block;
font-size: 14px;
color: #000000;
font-family: Arial;
background-color: #f5ede3;
text-align: left;
line-height: 20px;
}


.prog li
{
display: list-item;
list-style-type:none;
}

.libelle
{
font-weight:bold;
}

.prog li
{
padding: 5px;
}

.prog li a
{
border-left: 1px solid #C40000;
border-top: 1px solid #C40000;
padding: 5px;
width: 250px;
background-color: #f3f1ef;
}

.prog li a:hover
{
border-left: 0px;
border-top: 0px;
}


/* le menu */

.menu li, .menu ul
{
list-style-type:none;
margin: 0px;
padding: 0px;
}

.menu li a
{
text-decoration: none;
color: #000000;
width: 120px;
display: list-item;
}

.menu li
{
width: 140px;
text-indent: 20px;
margin-left: -20px;
}

.menu li.unselected a:hover
{
font-weight:bold;
text-indent:0px;
}

.menu li.selected a
{
font-weight:bold;
color: #C40000;
text-indent:0px;
}

/* fin du menu */




a
{
text-decoration:none;
font-family:Arial;
margin-left:20px;
color:#000000;
width:120px;
}

a:hover
{
border-right:#Cabba9 1px solid;
border-bottom:#Cabba9 1px solid;
}


.foto_mariage
{
margin: 30px;
}



.btn_dossier
{
width:250px;
color:#c40000;
background-color:#f5ede3;
border:#cabba9 1px solid;
margin-left:2px;
margin-bottom:2px;
text-align:left;
padding-left:10px;
}

.btn_fichier
{
width:250px;
color:#123456;
background-color:#f5ede3;
border:#cabba9 1px solid;
margin-bottom:2px;
text-align:left;
padding-left:10px;
margin-left:2px;
}

.btn_full_prog
{
width:auto;
color:#123456;
background-color:#f5ede3;
border:#cabba9 1px solid;
margin-bottom:2px;
text-align:left;
padding-left:10px;
padding-right:10px;
margin-left:2px;
}

.img_
{
cursor:auto;
}

img
{
cursor:pointer;
}

.img_right
{
margin-left:30px;
}

.img_left
{
margin-right:30px;
}

/* menu des cours */
.menuCours
{
float:right;
width:200px;
border: 1px dotted #c4c4c4;
background-color: #f5ede3;
}

.menuCours ul
{
line-height: 24px;
margin:0px;
padding:0px;
text-indent: 0px;
list-style-type: none;
}

.ssMenu
{
color: #AA0000;
padding-left: 10px;
font-size: 12px;
}

.menuCours a
{
width: 180px;
text-decoration: none;
}


.cour
{
font-size: 12px;
}

.cour .titre
{
font-size: 28px;
margin-bottom: 40px;
}

.cour .explication
{
background-color: #DDD;
padding-left: 20px;
padding-right: 20px;
margin-right: 240px;
margin-bottom: 30px;
}

.cour .screenshot
{
border: #CCC dotted 1px;
margin-right: 240px;
margin-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
text-align:center;
}

.cour .contenu
{
padding-left: 20px;
padding-right: 20px;
background-color: #f5ede3;
border: 1px dotted #C4C4C4;
margin-bottom: 30px;
line-height:15px;
}

.cour .code
{
padding: 20px;
background-color: #ddd;
border: 1px dotted #000;
margin-bottom: 30px;
line-height:16px;
}

.cour .download
{
background-color: #DDD;
padding: 20px;
padding-right: 20px;
margin-bottom: 30px;
}

.cour .option
{
color: #FFFF00;
padding-left: 20px;
padding-right: 20px;
background-color: #CC0000;
}