/*  
Theme Name: AEL (Académie en lign) Common styles
Description: CSS for masterpage AEL Common styles
Version: 3.0
Author: Cned SIWEB
Author URL: http://www.cned.fr/
Date : Août 2010
Accessibility : 
*/

body
{
	background:url('Images/AEL/Racine/bg-accueil.gif') repeat-x left top;
}

img
{
	border: 0;
}


#global
{
	width: 1100px;
	margin-right:auto;
	margin-left:auto;
}

#global_layouts
{
	width: 1100px;
	margin-left: auto;
	margin-right:auto;
	margin-top: 48px;
}

/****************************     HEADER     ****************************/

#header
{
	width: 1100px;
	height: 296px;
	margin-top:-10px;
}

#header
{
	background: url(  'Images/AEL/accueil.png' ) no-repeat top left;
}

#header A.bandeau
{
	width: 1100px;
	height: 143px;
	display: block;
}

#header A.cned
{
	width: 185px;
	height: 125px;
	display: inline-block;
	background: url(  'Images/AEL/cned.png' ) no-repeat top left;
	margin: 25px 0 0 39px;
}

#header A.ministere
{
	width: 110px;
	height: 125px;
	display: inline-block;
	background: url(  'Images/AEL/ministere.png' ) no-repeat top left;
	margin: 25px 0 0 39px;
}

/****************************     CONTENT     ****************************/
.padg_global
{
	padding-top: 40px;
}

#content_menu
{
	width: 200px;
	margin-left: 15px;
	padding: 0 30px 0 10px;
}


#content_infos
{
	width: 263px;
	padding-left: 30px;
}

/*      Content      */
/*----------------------------------------------*/
.contenu
{
	height: 100%;
	width: 800px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	font-size: 11px;
	font-family:Arial;
}
.contenu a
{
	color: #3774b7;
}
.contenu a:link
{
	color: #3774b7;
}
.contenu a:hover
{
	color: #000;
	text-decoration: none;
}
.contenu h1
{
	color: #3774b7;
	font-size: 33px;
}
.contenu h2
{
	color: #3774b7;
	font-size: 18px;
	height:40px;
}
.contenu h2 a
{
	color: #3774b7;
}
.contenu h3
{
	color: #3774b7;
	font-size: 20px;
}
.contenu h3 a
{
	color: #3774b7;
}
.contenu h4
{
	color: #000;
	font-size: 12px;
	text-indent: 30px;
}
.contenu h4 a
{
	color: #000;
}

/*   RECHERCHE   */
/*----------------------------------------------*/

#recherche P
{
	padding: 0 13px;
	text-align: center;
}

#recherche P.titre
{
	padding: 7px 13px;
	text-align: left;
	font-size: 11px;
}

#recherche P.ss_titre
{
	font-size: 22px;
	font-weight: normal;
	padding-bottom: 6px;
	text-align: center;
	padding-top: 16px;
	color:#3774b7;
}

#recherche a
{
	display:none;
}

.recherche_input
{
	width: 160px;
	padding: 0 20px 5px 20px;
}

.header_search_Button
{
	width: 50px;
	height: 25px;
	display: block;
	background: url(  'Images/AEL/bt-ok.png' ) no-repeat top left;
	margin: 0 auto 7px auto;
	padding: 0;
	border:0;
	cursor:pointer;
}

.header_search_input{
	width: 154px;
	border:none;
	border-right:1px solid #e4e8ea !important;
	background:url('Images/AEL/bg-input.gif') no-repeat top left;
	font-size:11px;
	height:18px;
	padding:5px 0 0 5px;
	height:25px;
}

.encart_recherche
{
	background-color: #f9f9f9;
	margin-top: 20px;
}

.encart_recherche P.titre
{
	text-transform: uppercase;
	color: #1d5470;
	background-color: #eaeaea;
	padding: 7px 13px;
}

.encart_recherche A {
	color:#2f627b;
	text-decoration:none;
	padding-left:9px;
	font-size:11px;
}

.encart_recherche P
{
	padding: 16px 13px;
	color: #2e2e2e;
}

/*   ENCART INFOS   */
/*----------------------------------------------*/

.encart_infos
{
	margin:0;
	padding-left:30px;
	font-family:Arial;
	font-size:11px;
	width:263px;
}

.encart_infos H1
{
	margin:0;
	font-family:Arial;
	font-size:11px;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #eaeaea;
	padding: 7px 13px;
}

.encart_infos A, .encart_infos A:link 
{
	font-family:Arial;
	font-size:11px;
	color:#2f627b;
	text-decoration:none;
	font-size:11px;
}

.encart_infos P
{
	margin:0;
	font-family:Arial;
	font-size:11px;
	background-color: #f9f9f9;
	padding: 16px 13px;
	color: #2e2e2e;
}

.encart_pub img
{
	margin:0;
	width:200px;
}


/****************************     FOOTER     ****************************/

#footer
{
	clear: both;
	width: 1084px;
	height: 156px;
	background: url('Images/AEL/bg-footer.png') no-repeat right top;
	margin-bottom: 40px;
	padding: 50px 0 0 0px;
}

.footer a
{
	color: #fff;
}
.footer a:hover
{
	color: #000;
	text-decoration: none;
}

/*   MOTEUR   */
/*----------------------------------------------*/

#footer .moteur
{
	width: 226px;
	padding-left: 29px;
	float: left;
}

#footer .moteur A
{
	width: 162px;
	height: 39px;
	display: block;
	background: url(  'Images/AEL/bt-moteur.jpg' ) no-repeat top left;
}

/*   MENU BAS   */
/*----------------------------------------------*/

#menu_bas
{
	width: 100%;
	float: left;
	font-family: Arial;
	font-size: 11px;
	padding-left: 15px;
	text-align:center;
	padding-bottom:5px;
}

#menu_bas a
{
	margin-right: 25px;
	margin-left: 25px;
	text-decoration: none;
}

#menu_bas img
{
	max-height: 80px;
	vertical-align: middle;
}

#menu_bas UL
{
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
	list-style-position: outside;
	float: right;
	margin-right: 75px;
}

#menu_bas UL LI A
{
	color: #fff;
	text-decoration: none;
	background: url(  'Images/AEL/picto-lien-blanc.png' ) no-repeat left 6px;
	padding-left: 9px;
}

#menu_bas UL LI A:hover
{
	color: #bbbbbb;
	text-decoration: underline;
	background: url(  'Images/AEL/pictos/picto-lien-gris.png' ) no-repeat left 6px;
}

#menu_bas UL LI
{
	margin-bottom: 4px;
}

/*   SIGNATURE   */
/*----------------------------------------------*/

#signature
{
	color: #fff;
	font-size: 10px;
	width:100%;
	text-align:center;
	padding-left:15px;
}

#signature A
{
	color: #fff;
	margin: 0 5px;
	text-decoration: none;
}

#signature A:hover
{
	color: #bbbbbb;
	text-decoration: underline;
	background: url(  '../img/pictos/picto-lien-gris.png' ) no-repeat left 6px;
}

/*              SIDEBAR MENU                */
/*----------------------------------------------*/
.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active
{
	background-color: #ffffff; /*background of tabs (default state)*/
}

.sidebarmenu ul li ul li a:hover, .sidebarmenu ul li ul li ul li a:hover
{
	background-color: #4eb0df;
}

.sidebarmenu
{
	width: 204px;
	z-index: 100;
}
.sidebarmenu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font: bold 13px Arial;
	width: 200px; /* Main Menu Item widths */
}
.sidebarmenu ul li
{
	position: relative;
}
/* Top level menu links style */
.sidebarmenu ul li a
{
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	color: #000000;
	text-decoration: none;
	padding: 6px;
	border-bottom: 1px solid #bbbbbb;
}

.sidebarmenu ul li a img
{
	height:16px;
	margin-right:2px;
}

.sidebarmenu ul li ul li a
{
	margin-left: 5px;
	border-left: 1px solid #bbbbbb;
}

.sidebarmenu ul li ul li ul li a
{
	border-left: 2px solid #bbbbbb;
}

.sidebarmenu ul li ul li ul li a:hover, .sidebarmenu ul li ul li a:hover
{
	color: #ffffff;
}

.sidebarmenu ul li a:visited
{
	color: #000000;
}
.sidebarmenu ul li a:hover
{
	background-color: #f9f9f9;
	color: #bbbbbb;
}
/*Sub level menu items */
.sidebarmenu ul li ul
{
	position: absolute;
	width: 200px; /*Sub Menu Items width */
	top: 0;
	visibility: hidden;
}
/* Holly Hack for IE \*/
* html .sidebarmenu ul li
{
	float: left;
	height: 1%;
}
* html .sidebarmenu ul li a
{
	height: 1%;
}



/*      breadcrumb       */
/*----------------------------------------------*/
.breadcrumb
{
	width: 800px;
	margin-bottom: 10px;
	text-align: left;
	font-size: 11px;
}
.breadcrumb_print
{
	float: right;
}

/*   Picto   */
/*----------------------------------------------*/
.content_pict_haut
{
	width: 800px;
	height: 100px;
	text-align: right;
	float: right;
}

/*   TEXT CONTENT */
/*----------------------------------------------*/
.text_content
{
	font-family:Arial;
	font-size:11px;
}

.text_content H1 {
	margin:0;
	font-family:Arial;
	font-size:11px;
	background-color:#eaeaea;
	padding:7px 13px 6px 13px !important;
	text-transform:uppercase;
	color:#1d5470;
	border-bottom:1px solid #1d5470;
}

.text_content P {
	margin:0;
	font-family:Arial;
	font-size:11px;
	padding:10px 25px 28px 16px;
	color:#797979;
}

.text_content STRONG {
	color:#4a4a4a;
}

.text_content A,.text_content A:link {
	color:#2f627b;
	text-decoration:none;
}

.text_content H2 {
	margin:0;
	padding:7px 13px 6px 13px !important;
	color:#3774b7;
	font-size:22px;
	font-weight:normal;
	padding-bottom:6px;
}

/*   CONTENT RESSOURCES EXTERNES   */
/*----------------------------------------------*/
.content_ress_externe
{
	text-align: center;
    margin: auto auto 30px auto;
    padding: 0 0 30px 0;
    width:1000px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-weight:normal;
}

.content_ress_externe h1
{
	color:#3774b7;
	font-size: 33px;
	font-weight:normal;
	margin: 22px 0px 22px 0px;
}

.content_ress_externe_Title
{
	color:#3774b7;
	font-size: 16px;
	font-weight: bold;
}

.content_ress_externe_Title img
{
	padding: 5px;
	vertical-align: middle;
}

#LecteurLien
{
	width:1000px;
}

/*  Problème des images des fractions  */
.RessourceInformative IMG {
   position: relative; 
   vertical-align: top; 
  margin-top: -10px;
}


/****************************     Formulaire de contact      ****************************/
.formContact_erreurs
{
	text-align: left;
	margin: 10px 0px 0px 378px;
	font-size: 15px;
	font-weight: bold;
}
.formContact_tableau
{
	font-size: 15px;
}
.formContact_tableau tr
{
	text-align:left;
}
.formContact_colonneLibelle
{
	padding: 0px 10px 0px 0px;
	width: 150px;
	text-align: right;
	font-weight: bold;
	vertical-align: top;
}
.formContact_champs
{
	vertical-align: top;
	padding: 0px 0px 0px 0px;
}
.formContact_classeMatiere
{
	font-size: 15px;
}
.formContact_colonneClasseMatiere
{
	padding: 0px 10px 0px 50px;
	width: 150px;
	text-align: right;
	font-weight: bold;
	vertical-align: top;
}
.formContact_boutons
{
	text-align: center;
}

/****************************     Formulaire en popup      ****************************/
.dialog
{
	position:absolute;
	background-color:#FFF;
	left:500px;
	top:200px;
	border:2px #000 solid;
}

.dialog .top
{
	display: none;
}

.dialog_close {
	width: 21px;
	height: 21px;
	background: transparent url(Images/AEL/popup_close.png) no-repeat 0 0;
	position: absolute;
	top: 5px;
	right: 11px;
	cursor: pointer;
	z-index: 1000;
}