/* Styles Pages internes */

@import url("styles_rte.css");
@import url("recherche.css");
@import url("plansite.css");
@import url("news.css");
@import url("table2cols.css");

*, html, body {margin: 0; padding: 0; font-size: 100%; }

body {
  	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  	font-size:10px;/*8pt;*/
	color: #000;
	background: #000000;
}

h1 {
	font-size:14px;/*13pt*/
	padding: 0 6px 2px 4px;
 	margin-bottom:7px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background:#666666;
	color:#fff;
	display:inline; /* pour que le bloc ne prenne pas tte la largeur */
}

.decalageTitre {width:0;height:0; color:#fff; margin:0; padding:0;margin-bottom:-5px;}
html>body .decalageTitre { margin-bottom:10px;}


h2 {font-size:13pt; color:#666666; padding-bottom:5px;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
h3 {font-size:10pt; color:#666666; padding-bottom:5px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
h4 {font-size:8pt; color:#666666; padding-bottom:3px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
/*h5 {font-size:8pt; font-weight:bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}*/
h5 {color:#666666; font-size:8pt;padding:0 0 20px 0; font-weight:normal; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}

#body_concours h1 {background:#548ac8;}
#body_concours h2 {color:#548ac8;}
#body_cooperation h1 {background:#98c000;}
#body_cooperation h2 {color:#98c000;}
#body_fi h1 {background:#fc7715;}
#body_fi h2 {color:#fc7715;}
#body_fc h1 {background:#940084;}
#body_fc h2 {color:#940084;}

p {margin: 0; padding: 0; }
.bodytext {padding:0 0 20px 0;text-align:justify;}

a:link {color:#fff; text-decoration: none; padding: 1px; }
a:visited {color:#fff; text-decoration: none; padding: 1px; }
a:hover {color: #000; text-decoration: underline; padding: 1px; }

#leftbox a:link, #leftbox a:visited {color: #fff; text-decoration: none; }

#bottom {
        font-size: 1px;
        line-height:0px;
        margin:0;
        padding:0;
}


/* *****>>>>> Placement des blocs <<<<<***** */

/*** The #header div has a static position and a background image ***/
#header {
	margin: 0 20px;
	padding: 0; 
        border-right : 1px solid #000;
	background: #000 url("../images/fond_bandeau60.gif") repeat-x; /*** this is a shorthand 
								   property for the various 
								   background properties ***/
	height: 60px;/*72*/ /*** must be set so the following absolutely positioned divs are 
			    placed correctly on initial load of the page***/ 
} 

#zone_recherche {
        position:absolute;        
        right:20px;        
        top:0;        
	margin: 0;
	padding:15px 10px 5px 0px;
	color: #fff;
}

.searchBoxTitle {
	padding:0px 0px 0px 0px;
	color:#FFFFFF;
	margin:0px 0px 0px 0px;
	font-size:8pt;
}

.searchBoxCorps {
	padding:0px 0px 0px 0px;
}
.searchBoxSubmitButton {
	font-weight:bold;
	color:#FFFFFF;
	padding:5px 0px 0px 10px;
	background:none;
}
.searchBoxInput {
	border:none;
}

#leftbox {

	float:left;
	padding-bottom:200px;
	width: 205px; /* 185px = 145 + 40 /////////: 145 */
	padding-top: 5px; }

#menu_secondaire { 
	padding: 0 0 2px 0;        
        margin : 0 0 0 45px;
        list-style-type:none;
	position: relative; /* IE */
        } 

/**
width:100%;
	font-size: 8pt;
	padding: 0 0 2px 0;        
        margin : 0 0 0 45px;
        list-style-type:none;
	position: relative;
*/

#menu_secondaire .itemColMenu1 {
	display:none;  
        } 
#menu_secondaire .itemColMenu3 {
        margin:0;
        padding:0;
	padding-left:10px;
}

#menu_secondaire {color: #fff}
#menu_secondaire a {
       text-decoration:none;
       background: url(../images/bullet1_n.gif) no-repeat 1px 0;
       padding-left : 10px;
       display:block;
}
html>body #menu_secondaire a {
       background: url(../images/bullet1_n.gif) no-repeat top left;
}

#menu_secondaire a:hover, #menu_secondaire #actif a, #menu_secondaire #actif3 a {
       color: #6699cc; /*fc7715*/
       text-decoration:underline;
       background: url(../images/bullet1_h2.gif) no-repeat 1px 0;
}

html>body #menu_secondaire a:hover, html>body #menu_secondaire #actif a, html>body #menu_secondaire #actif3 a {
       background: url(../images/bullet1_h2.gif) no-repeat top left;
}



/* etat actif sur menu principal */
/* #menu_actif { color:#fc7715;}*/

        

.container {
	margin-left: 205px; /* 185 + 20marges internes col gauche*/        
        margin-right:20px;
	background: url("../images/fond_col_droite2.gif") top right repeat-y #fff;        
	/*border-left: 1px solid #000;*/         
        min-height:345px;
        height:345px;
}

div[class] .container {
        height:auto;
}

.container a:link {color:#000088; text-decoration: none;  }
.container a:visited {color:#000088; text-decoration: none;}
.container a:hover {color: #000; text-decoration: underline; }

.contenu {
	margin: 0px 266px 0px 0px; /* 149px = 138 + 11 >> 228 + 11 = 239px */
	padding: 10px 20px 10px 20px ;
	position: relative; /*** for IE6 ***/
} 


.contenu ul {margin-bottom: 15px ;}
.contenu ul ul{margin-bottom: 0px ;}

.navmenu {
	font-size: 7pt;
	background-color: #000;
	border: 1px solid #000;
	border-width: 1px 0;
	padding: 0 0 2px 0;        
        margin : 0 20px;
	position: relative; /*** div affiché sous IE6 ***/  
        } 

/* Hide from IE5-Mac \*/
* html .navmenu {height: 1%;}
/* end hide *//*** This hack will make IE5-win display the background color for the nav ***/

.navmenu ul {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
	font-family: Verdana, sans-serif;
	text-align: center;
	line-height: 1.2em; }

.navmenu ul li {
  	font-weight: bold;
  	display: block;
  	float: left;
  	position: relative; /*** liens corrects sous IE6 ***/
	padding: 1px 5px;
	margin: 3px 0;
	/*width: 8em;  */
	border-right: 1px solid #fff; }

/* menu de droite */
.navmenu ul#right_menu  {
  	float: right;
}

.navmenu .itemLast {
  	border: 0;
}

.navmenu ul li.first {
	margin-left: 3px;
	list-style: none; }

.navmenu ul li.last {
	border-right: none; }

.navmenu a {
	padding: 3px 1px;
	color: #fff; } 

.navmenu a:hover {
	padding: 3px 1px;
        color:#fff;
 	text-decoration:underline; }

.navclear {
  	display: block;
	clear: both;font-size:0%; }

#menubas {
        position:absolute;
        margin-top:45px;
        right:250px;
}


/*** IE5/Mac has trouble with right positioned boxes due to a secret margin. See  
     - http://www.l-c-n.com/IE5tests/right_pos/index.shtml - Philippe Wittenbergh's page 
     for an explanation of this problem and Sam Foster's page for an explanation of the 
     hack used  - http://www.sam-i-am.com/testsuite/css/mac_ie5_hack.html - ***/

.rightbox {
	position: absolute;        
        /*background: url(../images/fond_col_droite.gif) top right repeat-y; *//* en relation avec all_tags */
	right: 26px; /* 16 + 20px de marge en plus */
	margin-right: -25px; /*15*/
	width: 246px; /*138px; */
	padding-top: 8px;
	z-index:300;

 }


/* hide the following from IE5-Mac \*/
.rightbox {
	right: 30px; /* 0 > 20px de marge à droite */
	margin-right: 0;        
       /* border-left:1px solid #000;*/
}
/* IE5-Mac can see the rest */
/*
.rightbox h1 {font-size:14pt;}
.rightbox h2 {font-size:12pt;}*/


.rightbox .decalageTitre {display:none;}

.rightbox ul {margin-bottom: 15px ;}
.rightbox ul ul{margin-bottom: 0px ;}

/*.rightbox .bodytext, .rightbox p.texte_en_gris{padding:7px 0;}
* html .rightbox .bodytext, * html .rightbox p.texte_en_gris {padding:8px 0;}*/

.rightbox p {margin:0;padding:0;margin-top:14px;}
* html .rightbox p {margin-top:16px;}

/*.rightbox p {padding:7px 0;}
* html .rightbox p {padding:8px 0;}
*/
.rightbox a:link, .rightbox a:visited { color:#000088; text-decoration: none;  }
.rightbox a:hover {color: #000; text-decoration: underline;}

#basmenusecondaire {
        width:164px;
        height:197px;
        left:21px;
        position:absolute;
        margin-top: -197px;
        background: #000;
}

#basnews {
        width:224px;
        height:142px;
        right:23px;
        position:absolute;
        margin-top: -142px;
        background: #fff;
}

#footer {

clear:both;
position:relative;

	background: url(../images/fond_menu_bas.gif) repeat-x top center;
        height:45px;
        margin: 0 20px;
	/*margin-right: 229px;*/ /* 139px = 138 + 1 >> 228+1 = 229px */  
}

.all_tags {
        background : #fff url(../images/fond_body2.gif) bottom left repeat-y;
}

.inner {
        background : transparent url(../images/fond_bodyD.gif) bottom right repeat-y;
}

/***************/
.sousmenu {
        clear:both;
	height:105px;
        background: #666666;
        margin:0 20px;
        padding:0;
        margin:0 20px 0 41px;
        border-right:1px solid #000;
}

/* variante fonds de couleur */
#institut { background: #666666; }
#concours_acces { background: #548AC8; }
#formation_initiale { background: #FC7715; }
#formation_continue { background: #940084; }
#cooperation { background: #98C000; }


#fil_ariane {  /* pour IE */
        position:absolute;
        left:210px;
        margin-top:84px;
        color:#fff;
        font-size: 7pt;
	padding: 0 0 2px 0;
}

#fil_ariane ul {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
	font-family: Verdana, sans-serif;
	text-align: center;
}


#fil_ariane ul li {
        font-weight: bold;
  	display: block;
  	float: left;
  	position: relative; /*** IE6 needs this to display the links ***/
	padding: 1px 1px 1px 5px;
	margin: 3px 0;
}

#fil_ariane ul li a{
       text-decoration : none;
}

#titre_page {
	float:left;
        margin-left:0px;
        padding: 30px 0 0 35px;
        font-size:20pt;
        color:#fff;
}
#menurapide {
        padding:0;
        margin:0;
        float:right;
	width:266px;
}

#menurapide li a{
	text-decoration:none;
}

#allitemrap {
	height:84px;
}

.itemrap {
	display:block;	
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	padding:3px 0px 4px 10px;
}

#itemrap0 {background:#666666;}
#itemrap1 {background:#548ac8;}
#itemrap2 {background:#fc7715;}
#itemrap3 {background:#940084;}
#itemrap4 {background:#98c000;}

/* retouches formulaire par mail typo3 */
.csc-mailform {}
.csc-mailform td {padding:5px;}
.csc-mailform .csc-form-labelcell p {padding:0 10px 0 20px;}
.csc-mailform textarea {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.csc-mailform {}

/* mehdi */
.csc-mailform {border:none;}
.csc-mailform div {padding:10px 10px 0 20px; border:none;}
.csc-mailform label  {float:left; clear:both;width:120px;}
.csc-mailform input {}
.csc-mailform textarea {}
#mailformformtype_mail{margin-left:120px;}
/******************/

#sans_col_droite .container{
       background: url("../images/fond_col_droite.gif") top right repeat-y #fff;
}

#sans_col_droite .container .rightbox { display:none;margin:0;padding:0;width:0;height:0; }
#sans_col_droite .container .contenu { margin:0; }
#sans_col_droite #basnews { display:none;margin:0;padding:0;width:0;height:0; }
#sans_col_droite .inner {
        background : transparent url(../images/fond_bodyDsanscol.gif) bottom right repeat-y;
}

/******************/


h1 a:link, h1 a:visited, h1 a:hover { color:#fff;}

.contenu ul, .rightbox ul{ padding-left:25px;}
.contenu ul li ul, .rightbox ul li ul {padding-left:40px;}

/* icones pdf imprim */
a img{border:0;}
.all_contenu {position:relative;padding-top:12px;}
.icones {position:absolute;top:5px;right:274px;z-index:10;}
#sans_col_droite .icones {right:5px;}