/* le body est le corps du site web */
body {	
	
	background-color : rgba(0, 0, 0, 0.08); /* on met un léger gris pour le fond */
	width: 1000px; /* on définit la largeur du corps du site web(1000 pixels) */
	margin : 10px auto; /* ici on met une marge tout autour de notre body de 10 px (c'est pour ça qu'on a un espace en haut et en bas de page). Le auto permet de centrer (en bref on complète les marges équitablement en quelques sortes) */
	border : 1px solid #999999; /* il y a une très légère bordure de 1 pixel */
	box-shadow: 0px 0px 20px #2E2D32;	/* la propriété CSS box-shadow permet de mettre une ombre. donc on l'oriente avec les deux premiers nombres, puis son étalement et enfin sa couleur (on a la meme ombre que le CNRS) */
}

#Layer1 {
	display:table;
	width: 249px;
	margin-left: 20px;
}

/* l'ID body_content est le contenu du body */
#body_content{
	background-color : white; /* ca nous permet de mettre un fond intérieur au body en blanc */
}


/* l'header est une grosse zone allant jusqu'au menu h2 reportez vous à la documentation pour savoir ce qu'englobe l'header */
header{background-color : #D5CFCF /* couleur marron claire*/ }
#bandeauhaut { 
	z-index:1; /* priorité sur les éléments de valeur 1 (par défaut 0) */
	height:94px; /* hauteur du bandeau */
	float:left; /* on le met en float a gauche pour pouvoir avoir notre barre de sélection de langue à droite */
}

/* ici on travaille sur les images qui sont contenus dans bandeauhaut */
#bandeauhaut img { 
	width:770px; /* largeur de l'image */
	height:94px; /* hauteur de l'image */
}

/* nav est une balise HTML5 je l'utilise evidemment pour regrouper tout les menus dans l'header */
nav 		{clear:both; /* clear nous permet de nettoyer le flux (du float) et donc de reprendre un positionnement de base */} 
#menu_h1 {
	margin-left: 55px; /* on le décale vers la droite en mettant une marge à gauche. */
	width: 945px; /*largeur*/
	text-align:left; /* texte à gauche (par défaut à gauche donc inutile mais c'est pour prévoir ton changement possible) */
	vertical-align:center; /* on centre verticalement */
	height: 28px; /* hauteur */
}
#menu_h2 {
	margin-left: 120px;
	width: 880px;
	text-align:left;
	vertical-align:center;
}	
#Layer3 {
	margin-left: 20px;
}

/* CONTENU */
#main_content { 
	margin-top: 35px;
}
/* rubriques de gauche */
#googlesearch {
	clear:both;
	height:60px;
}
#googlesearch .gsc-control-cse {
	padding-left:0px;
	padding-right:3px;
}
#left_content {
	width: 117px;
	float:left;
}
.menu_rub { 
	margin-left: 13px;
	margin-right: 13px;
	text-align: right;
	width: 94px;
	margin-bottom: 40px;
}
.logo {
	text-align:center;
	vertical-align:middle;
	margin-top : 20px;
	margin:auto;
}
.logo img {
	margin-bottom: 20px;
}
.grosseimg img {
	width:80px; 
	height:auto;
	text-align:center;
}
.procheimg img {
	width:80px; 
	height:auto; 
	text-align:center; 
	margin-bottom:1px;
}
.procheimg {
	margin-bottom: 30px;
}
#erasmus_mundus_logo {
	width: 60px;
}
#firstrub {
	margin-top:15px;
}
/* /rubriques de gauche */
/* contenu central */
#submain_content { 
	min-height: 900px;
	width: 879px;
	text-align: left; 
	vertical-align: top; 
	border-top: 1px solid grey; /*on met une bordure en top */ 
	border-left: 1px solid grey; /* bordure de gauche*/ 
	position: relative; 
	float:right; /*on le positionne à droite en flottant */
}
/* /contenu central */
/* /CONTENU */


footer {
	clear:both;
	/* tout ces backgrounds nous permettent de convenir à tout les navigateurs possibles. à savoir que le background est un dégradé du marron foncé vers le marron clair*/
	background: rgb(139,115,115); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhiNzM3MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYmQ1ZDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(139,115,115,1) 0%, rgba(219,213,213,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(139,115,115,1)), color-stop(100%,rgba(219,213,213,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(139,115,115,1) 0%,rgba(219,213,213,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(139,115,115,1) 0%,rgba(219,213,213,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(139,115,115,1) 0%,rgba(219,213,213,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(139,115,115,1) 0%,rgba(219,213,213,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b7373', endColorstr='#dbd5d5',GradientType=1 ); /* IE6-8 */
	padding-left:120px;
	padding-top : 10px;
	padding-bottom: 10px;
}

p {
	margin : 0px 0px 2px 2px;
}

/* les class actualite ont étées créées lors du test avec la base de données, elles m'ont permis de positionner mes blocs comme sur la vraie page. */
.actualite {
	margin-top : 20px;
	margin-bottom : 30px;
	width : 585px;
	height : auto;
	display: table;
	text-align:justify;
}
.actualite em {
	color : #0099DD;
}
.actu-texte-gauche {
	margin-right : 10px;
}
.actu-texte {
	margin-left : 10px;
}
.actu-img-droite {
	display : block;
	float : right;
	width : 100px;
	height: auto;
	margin-left:10px;
}
.actu-img {
	display : block;
	float : left;
	width : 100px;
	height: auto;
	padding-left : 20px;
	margin-right:10px;
}


#lang_select {
	z-index : 2;
	text-align: right; /* texte à droite */

	float:right; /* positionnement à droite */
	
	bottom:50px;
	width : 228px;
	height: 25px;
	padding-top: 5px;

	font-size: small;
	
	/* backgrounds pour être cross browser (compatible avec tout les navigateurs). Il part du transparent vers le blanc en dégradé. */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(49%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 49%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 49%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 49%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 49%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */

}

.scrolltop{
	float:right;
	width:100px;
	position:fixed;
	bottom:50px;
	text-align:right;
	right: -10px;
}
.scrolltop a{
	display: block;
	background:grey;
	height:50px;
	width:70px;
	border-radius:10px; 
	color:#FFF;
	font-weight:bold;
	text-align:center;
	line-height:50px;
	text-decoration: none;
	transition: background 1s;
}
.scrolltop a:hover, .scrolltop a:focus {
	background: #756162;
	transition: background 1s;
}


#lang_select span {
	
	margin-right : 7px;
	color : brown; /* couleur du texte marron */
}

#lang_select a {
	text-decoration: none; 
	color : rgba(132, 92, 22, 1); /* couleur des liens */
	font-weight: 600; /* largeur du texte (ici on est légèrement en dessous du gras (le gras est à 700 et le normal à 400))*/
}


.five_last_actus {
	margin-left:20px;
}
.content_bodytext {
	font-family:Verdana,sans-serif;
	font-size:11px;
	color:#000000;
	display: block;
	padding: 5px 10px 5px 10px;
}

.content_bodytext FONT {
	font-family:Verdana,sans-serif;
	font-size:11px;
}

.content_bodytext3 {
	font-family:Verdana,sans-serif;
	font-size:11px;
	color:#000000;
	padding: 0px 0px 0px 0px;
}

.content_bodytext P {
	font-family:Verdana,sans-serif;
	font-size:11px;
	color:#000000;
	padding: 0px 0px 0px 20px;
	
}

.content_bodytext LI {
	font-family:Verdana,sans-serif;
	font-size:11px;
	color:#000000;
	padding:0px 0px 0px 0px;
}

.content_bodytext A:link {
	font-family:Verdana,sans-serif;
	font-size:11px;
	color:#ff9900;
	padding:0px 0px 0px 0px;
	text-decoration:none;
}

.content_bodytext A:hover {
	font-family:Verdana,sans-serif;
	font-size:11px;
	color:#999999;
	padding:0px 0px 0px 0px;
	text-decoration:none;
}

.content_bodytext A:visited {
	font-family:Verdana,sans-serif;
	font-size:11px;
	color:#996666;
	padding:0px 0px 0px 0px;
	text-decoration:none;
}

.content_bodytext H1 {
	font-family:Verdana,sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#666666;
	padding:0px 0px 0px 20px;
}

.content_bodytext H2 {
	font-family:Verdana,sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666666;
	padding:0px 0px 0px 20px;
}

.content_bodytext H3 {
	font-family:Verdana,sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	padding:0px 0px 0px 20px;
}

.content_bodytext H4 {
	font-family:Verdana,sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#666666;
	padding:0px 0px 0px 30px;
}

.content_bodytext H5 {
	font-family:Verdana,sans-serif;
	font-size:11px;
	color:#666666;
	padding:0px 0px 0px 40px;
}

.content_bodytext FORM {
	font-family:Verdana,sans-serif;
	font-size:11px;
	color:#000000;
	padding: 0px 0px 0px 20px;
}

.content_bodytext INPUT {
	font-family:Verdana,sans-serif;
	font-size:11px;
	color:#000000;
	padding: 0px 0px 0px 20px;
}

.content_bodytext TD {
	font-family:Verdana,sans-serif;
	font-size:11px;
	color:#000000;
	padding: 0px;
}

.content_bodytext .content_header {
	font-family:Verdana,sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#666666;
}

.content_bodytext3 .content_header {
	font-family:Verdana,sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#666666;
	padding:0px 0px 0px 10px;
}

.Flex2 .content_bodytext .content_header {
	padding:0px 0px 0px 10px;
}

.Flex1 .content_bodytext .content_header {
	padding:0px 0px 0px 20px;
}

.Flex4 .content_bodytext .content_header {
	padding:0px 0px 0px 20px;
}

.Flex5 .content_bodytext .content_header {
	padding:0px 0px 0px 20px;
}

.content_right {
	font-family:Verdana,sans-serif;
	font-size:10px;
	color:#000000;
	padding:0px 0px 0px 0px;
}

.content_right .content_bodytext {
	font-family:Verdana,sans-serif;
	font-size:10px;
	color:#000000;
	padding:0px 0px 0px 0px;
}

.content_right P {
	font-family:Verdana,sans-serif;
	font-size:10px;
	color:#000000;
	padding:0px 0px 0px 0px;
}

.content_right H2 {
	font-family:Verdana,sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666666;
	padding:20px 0px 0px 0px;
}
.content_right .content_header {
	font-family:Verdana,sans-serif;
	font-size:10px;
	color:#666666;
	font-weight:bold;
	padding:0px 0px 0px 0px;
}

.titre_right{
	font-family:Verdana,sans-serif;
	font-size:10px;
	color:#006699;
	font-weight:bold;
	padding:0px 0px 0px 0px;
}

.content_right H1 {
	font-family:Verdana,sans-serif;
	font-size:10px;
	color:#666666;
	font-weight:bold;
	padding:0px 0px 0px 0px;
}

.content_right A:link {
	font-family:Verdana,sans-serif;
	font-size:10px;
	color:#ff9900;
	padding:0px 0px 0px 0px;
	text-decoration:none;
}

.content_right A:hover {
	font-family:Verdana,sans-serif;
	font-size:10px;
	color:#999999;
	padding:0px 0px 0px 0px;
                text-decoration:none;
}

.content_right A:visited {
	font-family:Verdana,sans-serif;
	font-size:10px;
	color:#996666;
	padding:0px 0px 0px 0px;
	text-decoration:none;
}


/******************/
/* menu de niveau 1 */

SPAN.menuHh1 A {
	font-family:Verdana,sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
}
SPAN.menuHh1 A:hover {
	font-family:Verdana,sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
SPAN.menuHh1act A:visited {
	font-family:Verdana,sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}

.Stylepipe-menu-h1 {
	font-family:Verdana,sans-serif;
	font-size:12px;
	color: #666666;
	font-weight:normal;
}

/* fin de menu 1 */

/* menu de niveau 2 */

.menu_niv2 TABLE {
   position: relative;
   border-collapse:collapse;
/*   margin-left: auto;
   margin-right: auto; */
	}
	
.menu_niv2 TD {
	padding-top:130px;
	padding: 130px 0px 0px 0px;
	}

.menuHh2, .menuHh2act {
	padding:0px;
	background:#ffffff;
	border:1px solid #ffffff;
	border-top:0; 
	margin:1px;
}

.menuHh2 A:link {
	font-family:Verdana,sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
}

.menuHh2act A:link {
	font-family:Verdana,sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#006699;
	text-decoration:none;
}

.menuHh2 A:visited, .menuHh2act A:visited {
	font-family:Verdana,sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
}

.menuHh2 A:hover .menuHh2act A:hover {
	font-family:Verdana,sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}

.Stylepipe-menu-h2 {
	font-family:Verdana,sans-serif;
	font-size:10px;
	font-weight:normal;
	color: #666666;
}

/* fin de menu 2 */

/*menu actif*/

.menuHh1act A:link, .menuHh1act A:visited, .menuHh2act A:link, .menuHh2act A:visited {
color:#006699;
text-decoration:none;
}

/* menu h3 */

.menu_h3 A:link {
	font-family:Verdana,sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#666666;
	text-decoration:none;
}

.menu_h3-act A:link {
	font-family:Verdana,sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#006699;
	text-decoration:none;
}

.menu_h3 A:visited {
	font-family:Verdana,sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#666666;
	text-decoration:none;
}

.menu_h3-act A:visited {
	font-family:Verdana,sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#006699;
	text-decoration:none;
}

.menu_h3 A:hover .menu_h3-act A:hover {
	font-family:Verdana,sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#006699;
	text-decoration:none;
}

.menu_h3Pipe {
	font-family:Verdana,sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#666666;
}

/* fin menu h3 */

/* chemin */

.path-underline A:link {
    font-family: verdana, arial;
    font-size: 9px;
    color: #999999;
    text-decoration: none;
}

.path-underline A:visited {
    font-family: verdana, arial;
    font-size: 9px;
    color: #999999;
    text-decoration: none;
}

.path-underline A:hover {
    font-family: verdana, arial;
    font-size: 9px;
    color: #999999;
    text-decoration: none;
}

.path-none A:link {
	font-family: verdana, arial;
	font-size: 9px;
	color: #999999;
	text-decoration:  none;
}

.path-none A:visited {
	font-family: verdana, arial;
	font-size: 9px;
	color: #999999;
	text-decoration:  none;
}

.path-none A:hover {
	font-family: verdana, arial;
	font-size: 9px;
	color: #999999;
	text-decoration: none;
}

.Stylesuperieur-path {
	font-family: verdana, arial;
	font-size: 9px;
	color: #999999;
                text-decoration: none;
}

/* fin chemin */

/* menu rub1 */

DIV.menuHrub1 A {
	display:block;
	padding:5px 0px 5px 0px;
	font-family:Verdana,arial;
	font-family:Verdana,arial;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
}
/*menu_rub1.menuHrub1-act A {*/
DIV.menuHrub1-act A {
	display:block;
	padding:5px 0px 5px 0px;
	font-family:Verdana,arial;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
DIV.menuHrub1 A:hover {
	color:#006699;
}
/*menu_rub1.menuHrub1-act A:visited {/*
DIV.menuHrub1-act A:visited {
	color:#000000;
}
/*menu_rub1.menuHrub1-act A:link{*/
DIV.menuHrub1-act A:link{
	color:#000000;
}

/* fin menu rub1 */

/* menu rub2 */

DIV.menuHrub2 A {
	display:block;
	padding:5px 0px 5px 0px;
	font-family:Verdana,arial;
	font-size:12px;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
}
DIV.menuHrub2-act A {
	display:block;
	padding:5px 0px 5px 0px;
	font-family:Verdana,arial;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
DIV.menuHrub2 A:hover {
	color:#006699;
}
DIV.menuHrub2-act A:visited {
	color:#000000;
}
DIV.menuHrub2-act A:link{
	color:#000000;
}
/*Menu Rub2 Fin*/
/* menu rub3 */

DIV.menuHrub3 A {
	display:block;
	padding:5px 0px 5px 0px;
	font-family:Verdana,arial;
	font-size:12px;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
}
DIV.menuHrub3-act A {
	display:block;
	padding:5px 0px 5px 0px;
	font-family:Verdana,arial;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
DIV.menuHrub3 A:hover {
	color:#006699;
}
DIV.menuHrub3-act A:visited {
	color:#000000;
}
DIV.menuHrub3-act A:link{
	color:#000000;
}
/*Menu rub3 Fin*/
/* BANDEAU BAS */

.bandeaubas {
	font-family:Verdana,sans-serif;
	font-size:9px;
	color:#ffffff;
	padding-top : 5px;
	padding-bottom: 5px;
}

.bandeaubas A:link {
	font-family:Verdana,sans-serif;
	font-size:9px;
	color:#ffffff;
	text-decoration:none;
}

.bandeaubas A:hover {
	font-family:Verdana,sans-serif;
	font-size:9px;
	color:#ff9900;
	text-decoration:none;
}

.bandeaubas A:visited {
	font-family:Verdana,sans-serif;
	font-size:9px;
	color:#ffffff;
	text-decoration:none;
}


/* FORMS */


form { 
 background-color: #FFFFFF; 
 color: #000000; 
 border: 1px solid #FFFFFF; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10px; 
 text-align: left; 
}

input { 
 background-color: #FFFFFF; 
 color: #000000; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10px; 
 text-align: left; 
}

.buttons { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10px; 
 background-color: #333333; 
 color: #FFFFFF; 
 margin-right: 6px; 
}


/*  SITE MAP */

.tx-dropdownsitemap-pi1, .expAll {
	font-family:Verdana,sans-serif;
	font-size:16px;
	color:#666666;
	padding:0px 0px 0px 0px;
}


.tx-dropdownsitemap-pi1 A:link {
	font-family:Verdana,sans-serif;
	font-size:11px;
	color:#ff9900;
	padding:0px 0px 0px 0px;
	text-decoration:underline;
}

.tx-dropdownsitemap-pi1 A:hover {
	font-family:Verdana,sans-serif;
	font-size:11px;
	color:#999999;
	padding:0px 0px 0px 0px;
	text-decoration:underline;
}

.tx-dropdownsitemap-pi1 A:visited {
	font-family:Verdana,sans-serif;
	font-size:11px;
	color:#996666;
	padding:0px 0px 0px 0px;
	text-decoration:underline;
}

.tx-dropdownsitemap-pi1 O {
	font-family:Verdana,sans-serif;
	font-size:11px;
	color:#000000;
	padding: 0px 0px 0px 0px;
	text-decoration:none;
}

.tx-dropdownsitemap-pi1 .closed {
	font-family:Verdana,sans-serif;
	font-size:11px;
	color:#000000;
	padding: 0px 0px 0px 0px;
	text-decoration:none;
}


/* No padding (tableaux serveur base de donnees) */

.nopadding H1 {
	font-family:Verdana,sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#666666;
	padding:0px 0px 0px 20px;
}

.nopadding P {
	font-family:Verdana,sans-serif;
	font-size:11px;
	color:#000000;
	padding: 0px 0px 0px 0px;
}

.nopadding TD {
	font-family:Verdana,sans-serif;
	font-size:11px;
	color:#000000;
	padding: 0px 0px 0px 0px;
}


.nopadding A:link {
	font-family:Verdana,sans-serif;
	font-size:11px;
	color:#ff9900;
	padding:0px 0px 0px 0px;
	text-decoration:none;
}

.nopadding A:hover {
	font-family:Verdana,sans-serif;
	font-size:11px;
	color:#999999;
	padding:0px 0px 0px 0px;
	text-decoration:underline;
}

.nopadding A:visited {
	font-family:Verdana,sans-serif;
	font-size:11px;
	color:#996666;
	padding:0px 0px 0px 0px;
	text-decoration:underline;
}
/*page_accueil_Gauche  Affichage de la Page d'accueil - colonne de gauche*/
.pageacceuilG h1 {
	font-family:Verdana,sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#666666;
	padding:0px 0px 15px 20px;
}

.pageacceuilG h2 {
	font-family:Verdana,sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	padding:0px 0px 0px 20px;
}

.pageacceuilG h3 {
	font-family:Verdana,sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666666;
	padding:0px 0px 0px 20px;
}

.pageacceuilG p {
	font-family:Verdana,sans-serif;
	font-size:11px;
	color:#000000;
	padding: 0px 0px 10px 20px;
	
	
}

.pageacceuilG TD {
	font-family:Verdana,sans-serif;
	font-size:9px;
	color:#000000;
	padding: 0px;
}
.pageacceuilG  table {
	border-collapse: collapse;
 }
	
.pageacceuilG A:link {
	font-family:Verdana,sans-serif;
	font-size:11px;
	color:#ff9900;
	padding:0px 0px 0px 0px;
	text-decoration:none;
}

.pageacceuilG A:hover {
	font-family:Verdana,sans-serif;
	font-size:11px;
	color:#999999;
	padding:0px 0px 0px 0px;
	text-decoration:none;
}

.pageacceuilG A:visited {
	font-family:Verdana,sans-serif;
	font-size:11px;
	color:#c78e3a;
	padding:0px 0px 0px 0px;
	text-decoration:none;
}


li.onglet{
  font-size:13px;
  text-align : center;
  float: left;
  padding: 2px;
//  margin-right: 4px;
  margin-bottom: -1px;
  color: #000;
  background: #ffffff;
  border: 1px solid #000000;
  cursor: pointer;
  width: 15%;
  list-style: none;}
   

  li.onglet_selectionner{
  text-align : center;
  font-size:13px;
  float: left;
  padding: 2px;
  margin-right: 4px;
  margin-bottom: -1px;
  color: #000;
  background: #e5eecc;//#ffffff;
  border-top: 1px solid #e5eecc;//#000000;
  border-right: 1px solid #e5eecc;//#000000;
  border-left: 1px solid #e5eecc;//#000000;
  border-bottom: none !important;
  cursor: pointer;
  width: 15%;
  list-style: none;}

.onglet:hover{
  background: #9C1C56;
}

       
clear{
  clear: both;}

.contenu{
  color: #000;
  background:  #e5eecc;//#ffffff;
//  border: 1px solid #000000;
border: none
  padding: 10px;
  list-style: none;}

#les_contenus, #les_onglets{
  width: 100%;}
  
.content_right {
	padding-right : 10px ; 
}
.columns {
	display: table;
	padding: 10px 0px;
}
.gsc-input {
	padding-right:5px !important;
	padding-bottom:2px;
}
.gsc-control-cse {
	width: 237px !important;
}
input[type="submit"]{
	background: #006699;
	color: white;
	border: 1px solid #069;
	border-radius: 2px;
	padding:5px;
}
input[name="Nom"]{
	background: #FFF;
	color: white;
	border: 1px solid #069;
	border-radius: 2px;
	padding:5px;
	margin-right:2px;
	width: 62%;
}