@charset "utf-8";
/* CSS Document */

/*----------------------------------------- Classe "drag" pour les éléments draggable --------------------------------------*/
.drag {
position: relative;
cursor: move;
}
/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                              Général                                                     */
/*--------------------------------------------------------------------------------------------------------------------------*/

body{
background-color:#D2CEDD;
margin:0;
padding:0;
border:thin;
font-family:Arial, Helvetica, sans-serif;
}

div{
margin:0;
padding:0;
}

h1{
margin:0px;
padding:5px 0 5px 0;
font-size:14px;
font-weight:bold;
color:#23192C;
text-align:center;
}

h2{
margin:5px 0px 0px 0px;
font-size:18px;
font-weight:bold;
text-decoration:underline;
color:#235daa;
text-align:center;
}

h3{
text-align:right;
margin-right:15px;
}
h3 a{
font-size:12px;
font-weight:bold;
color:#235daa;
font-style:italic;

}

p{
margin:0;
padding:0;
}

img{
border:0;
}

ul, ol{
margin:10px;
margin-left:30px;
padding:0;
}

.clearer{
clear:both;
height:1px;
}
/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                              Structure                                                   */
/*--------------------------------------------------------------------------------------------------------------------------*/

#conteneur{
background-color:#FFFFFF;
border-color:1px solid#23192C;
width:990px;
padding:0;
margin:auto;
}

#milieu{
width:990px;
min-height:580px;
}

.titre-actus, .date-actus{
font-weight:bold;
font-size:11px;
}

.titre-actus{
color:#175da9;
font-size:13px;
}
/*td.titre-actus{
width:200px;
}*/
.imp-actus{
font-weight:bold;
font-size:11px;
text-align:center;
}
.texte-actus{
color:#23192C;
font-size:11px;
margin:0 0 5px 0;
}

.texte-actus a{
color:#23192C;
font-style:italic;
}

.texte-actus a:hover{
color:#E55618;
}

.texte-liens{
color:#23192C;
font-size:12px;
}

#etablissements{
font-size:12px;
}
/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                              Style I-COMM                                                */
/*--------------------------------------------------------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                            Bannière +  Menu                                               			*/
/*--------------------------------------------------------------------------------------------------------------------------*/
#banniere{
margin-top:3px;
width:990px;
height:50px;
}

#banniere h1{
float:left;
padding:5px 0 0 150px;
font-size:20px;
color:#235daa;
}

img#logoIcomm{
margin:0px 5px 0 0;
max-height:50px;
max-width:150px;
float:right;
}

#logoClient{
margin:0px 0 0 5px;
height:50px;
width:150px;
float:left;
}

/*--menu--*/
#gauche-intranet{
/*float:left;*/
width:990px;
height:25px;
margin:20px 10px 0px 10px;
}

#gauche-sous-menu{
width:600px;
}

#gauche-intranet li{
float:left;
width:97px;
margin-right:1px;
background-color:#CCD2EA;
border:1px solid #0071B9;
list-style-type:none;
font-size:12px;
}

#gauche-intranet li a{
display:block;
color:#0071B9;
text-decoration:none;
padding-top:5px;
padding-bottom:5px;
text-align:center;
}

#gauche-intranet li a:hover {
background-color:#8E9ED0;
color:#ffffff;
font-style:italic;
}

/*titre des menus*/
/*#menu-internet{
font-size:13px;
font-weight:bold;
color:#F9B200;
}

#menu-intranet{
font-size:13px;
font-weight:bold;
color:#0071B9;
}

#menu-extranet{
font-size:13px;
font-weight:bold;
color:#AF4185;
}*/

/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                              Milieu                                                      */
/*--------------------------------------------------------------------------------------------------------------------------*/

div#centre{
width:568px;
height:580px;
float:left;
margin:0px;
}

/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                     Décalage boutons submit                                    */
/*--------------------------------------------------------------------------------------------------------------------------*/
.btn-float{
float:left;
} 
#btn-ajouter{
margin:0 5px 0 15px;
}
#btn-valider{
margin:15px 5px 0 255px;
}
/*btn ajouter après le formulaire*/
#btn-flotant{
float:left;
margin:0 0 10px 25px;
}

/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                     Page cours                                    */
/*--------------------------------------------------------------------------------------------------------------------------*/
#admin-cours{
list-style-type:none;
margin-left:160px;
}

#admin-cours li{
color:#235daa;
float:left;
margin-right:20px;
}

#admin-cours li a{
text-decoration:none;
font-size:13px;
color:#8e9edo;
font-style:italic;
}

.item-actif{
font-weight:bold;
}

#siege-informations{
width:680px;
margin-left:150px;
}

#siege-informations iframe{
margin-left:30px;
}

#siege-espace{
width:680px;
margin-left:250px;
margin-top:15px;
}

#administration div{
margin:0 0 15px 20px;
overflow-x:auto;
max-width:920px;
scrollbar-face-color:#235daa;
scrollbar-arrow-color: #ABA2AB;
scrollbar-track-color:#FFF;
scrollbar-highlight-color:#ABA2AB;
scrollbar-darkshadow-color:#FFF;
scrollbar-shadow-color:#939393;
scrollbar-3dlight-color:#413446;
}


/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                     Page formulaire et administration                                    */
/*--------------------------------------------------------------------------------------------------------------------------*/

div#administration{
padding-left:5px;
width:940px;
background-color:#FFFFFF;
overflow-y:auto;
scrollbar-face-color:#235daa;
scrollbar-arrow-color: #ABA2AB;
scrollbar-track-color:#FFF;
scrollbar-highlight-color:#ABA2AB;
scrollbar-darkshadow-color:#FFF;
scrollbar-shadow-color:#939393;
scrollbar-3dlight-color:#413446;
}

#formAdmin2{
width:790px;
font-size:12px;
}

/*#administration h2, #formAdmin2 h2{
color:#235daa;
text-decoration:none;
font-size:18px;
text-align:center;
}*/

/*#administration h2 a, #formAdmin2 h2 a{
color:#235daa;
}*/

/*#administration h2 a:hover, #formAdmin2 h2 a:hover{
color:#235daa;
}*/


#tabNews{
margin-left:30px;
text-align:center;
}
#ident{
margin:0px;
padding:0;
font-size:12px;
text-align:right;
color:#FFF;
}

#table_admin{
margin:10px 0 10px 1px;
border-color:1px solid #23192C;
border-collapse:collapse;
}

#image{
max-height:100px;
max-width:100px;
}

#h2comptes{
color:#ffffff;
padding:0 0 3px 0;
text-decoration:none;
}

.input-btn {
margin:0;
padding:0;
border:1px solid #1c67ab;
color:#ffffff;
font-size:12px;
background-color:#8e9ed0;
}
input {
margin:0;
padding:0;
border:1px solid #1c67ab;
color:#1c67ab;
font-size:12px;
background-color:#ffffff;
}
textarea{
margin:0;
padding:0;
border:1px solid#1c67ab;
color:#1c67ab;
font-size:12px;
}

select{
margin:1px;
padding:0;
}

form{
margin:0;
padding:0;
}

.input{
border:1px solid#23192C;
color:#23192C;
font-size:10px;
}
.obligatoire{
color:#FF0000;
}

.imgbutton	{
padding:2px;
cursor:pointer;
background-color:#FFFFDD;
border:1px solid #000000;}

#editeur{
background-color:#FFFFFF;
width:550px;/*655*/
height:500px;
border:1px solid black;
border-color:#23192C;
border:1px solid;
color:#23192C;
font-size:11px;

}

.marge-editeur-edito{
margin-left:150px;
}
#btn-editeur{
margin-left:230px;
}

.editeurDiv{
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
width:550px;
}

.editeurCoordDiv{
width:240px;
float:left;
margin-left:10px;
color:#FFFFFF;
font-size:10px;
font-weight:bold;
padding: 0 0 0 10px;
}

.editeurCoordIframe{
width:260px;
background-color:#FFFFFF;
border:1px solid black;
border-color:#23192C;
border:1px solid;
font-size:11px;
}

.editeurTexteIframe{
width:305px;
background-color:#FFFFFF;
border:1px solid black;
border-color:#23192C;
border:1px solid;
font-size:11px;
}

.editeurTexteDiv{
width:275px;
font-size:12px;
margin: 10px 10px 20px 30px;
text-align:justify;
float:left;
color:#939393;
background-color:#FFFFFF;
}

.editeurTexteIframeSM{
width:615px;
height:230px;
background-color:#FFFFFF;
border:1px solid black;
border-color:#23192C;
border:1px solid;
font-size:11px;
}

.editeurTexteDivSM{
width:585px;
height:200px;
font-size:12px;
margin: 10px 10px 20px 30px;
text-align:justify;
float:left;
color:#939393;
background-color:#FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                     table                      								            */
/*--------------------------------------------------------------------------------------------------------------------------*/
#table-connexion{
margin:0;
border:2px solid #3d5ea1;
background-color:#97a8d0;
background-repeat:no-repeat;
height:200px;
}

table{
margin-left:20px;
padding:0;
/*border:1px solid #FF9900;*/
}
/*td{
border:1px solid #FF9900;
}*/