/******************************************************************************/
/*    	  Cco Style Sheet       	 				        */
/******************************************************************************/

/******************************************************************************/
/*        Commun         	 				                */
/******************************************************************************/

html{
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:1em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
}

html, body, div, form, ul, li, img, span{
	border-top : 0px;
	border-left : 0px;
	border-right : 0px;
	border-bottom : 0px;

	margin-top : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-bottom : 0px;

	padding-top : 0px;
	padding-left : 0px;
	padding-right : 0px;
	padding-bottom : 0px;
}

input{
	margin-top : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-bottom : 0px;

	padding-top : 0px;
	padding-left : 0px;
	padding-right : 0px;
	padding-bottom : 0px;
}

body{text-align : left;}

h1, h2, h3, h4, h5, h6, p, a, label{
	text-align : left;

	border-top : 0px;
	border-left : 0px;
	border-right : 0px;
	border-bottom : 0px;

	margin-top : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-bottom : 0px;

	padding-top : 0px;
	padding-left : 0px;
	padding-right : 0px;
	padding-bottom : 0px;
}

a,
a:active,
a:hover,
a:link,
a:visited{
	color:#000000;
	background-color:inherit;
}

/******************************************************************************/
/*                 							Contenu Typo3					 				                */
/******************************************************************************/

.align-justify {text-align:justify;}

.align-right {text-align:right;}

.align-left {text-align:left;}

.align-center {text-align:center;}

.indent {padding:0px 0px 0px 20px;}



/******************************************************************************/
/*                 							 			HABILLAGE				 				                */
/******************************************************************************/

/******************************************************************************/
/*                 							 			GENERAL					 				                */
/******************************************************************************/

body {
	margin : 0;
	padding : 0;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, Times;
	font-size : 0.7em;
	color : #000000;
	background-color : #FFFFFF;
	background:none;
}

.conteneur {
	display:block;
	float:left;
	width:600px;
	height:auto;
	margin:0 auto;
	padding:0;
}
* html .conteneur {
	display:block;
	float:none;
	width:300px;
	height:auto;
	margin:0;
	padding:0;
}

/******************************************************************************/
/******************************       TYPO       ******************************/
/******************************************************************************/

h1 {
	display:block;
	float:left;
	position:relative;
	text-align:left;
	width:290px;
	padding :15px 0 5px 25px;
	margin :0;
	font-family:"Times New Roman", Times, serif;
	font-size:3em;
	font-weight:normal;
	background-image:url(../images/grosse_puce_titre_peo_go_portail_education.jpg);
	background-repeat:no-repeat;
	background-position:0 28px;
	color:#000000;
}
*+ html h1 {
	display:block;
	float:left;
	position:relative;
	text-align:left;
	width:290px;
	padding:0;
	margin:0;
	background:none;
}
#haut h1 {
	display:block;
	width:500px;
	padding :0;
	padding:0 0 0 40px;
	margin :0;
	font-family:"Times New Roman", Times, serif;
	font-size:1.4em;
	font-weight:bolder;
	background-image:url(../images/puce_titre_peo_go_portail_education.jpg);
	background-repeat:no-repeat;
	background-position:20px 3px;
	color:#333333;
}
* html #haut h1 {
	font-size:1.8em;
	width:600px;
	padding:0;
	margin :0;
	background:none;
}
*+ html #haut h1 {
	font-size:1.8em;
	width:600px;
	padding:0;
	margin :0;
	background:none;
}
* html #haut_article h1 {
	display:block;
	float:left;
	position:relative;
	text-align:left;
	width:600px;
	padding :0;
	margin :0;
	background:none;
} 
#haut_article_fiche h1 {
	width:400px;
}
* html #haut_article_fiche h1 {
	padding:0;
	margin:0;
}
* html #haut_article_large h1 {
	padding:0;
	margin:0;
}
h2 {
	display:block;
	float:left;
	width:275px;
	position:relative;
	text-align:left;
	padding :0 0 5px 20px;
	margin :0;
	font-family:"Times New Roman", Times, serif;
	font-size:1.9em;
	font-weight:normal;
	background-image:url(../images/puce_titre_peo_go_portail_education.jpg);
	background-repeat:no-repeat;
	background-position:0 5px;
	border:none;
	color:#333333;
}
*+ html h2 {
	width:280px;
	padding :0 0 5px 0;
	background:none;
}
#milieu_haut_droite2 h2 {
	width:220px;
}
h3 {
	display:block;
	float:left;
	position:relative;
	width:100%;
	height:auto;
	line-height:20px;
	text-align:left;
	padding :5px 0 10px 20px;
	margin :0;
	font-family:"Times New Roman", Times, serif;
	font-size:1.4em;
	font-weight:bold;
	background-image:url(../images/puce_titre_peo_go_portail_education.jpg);
	background-repeat:no-repeat;
	background-position:0 5px;
	border:none;
	color:#333333;
}
* html h3 {
	display:block;
	float:left;
	padding :5px 0 10px 0;
}
*+ html h3 {
	display:block;
	float:left;
	padding :5px 0 10px 0;
}
#haut_article_fiche h3 {
	width:400px;
}
* html #haut_article h3 {
	display:block;
	float:left;
	padding:0;
	width:600px;
}
* html #milieu_haut_droite2 h3 {
	display:block;
	float:left;
	padding:0;
}
*+ html #milieu_haut_droite2 h3 {
	display:block;
	float:left;
	padding:0;
}
* html #milieu_haut_droite3 h3 {
	display:block;
	float:left;
	padding:0;
	width:180px;
}
*+ html #milieu_haut_droite3 h3 {
	display:block;
	float:left;
	padding:0;
}
/******************************************************************************/
/******************************       HAUT       ******************************/
/******************************************************************************/

#haut {
	display:block;
	width:600px;
	height:40px;
	margin:0 auto;
}
#haut_gauche {
	display:block;
	float:left;
	position:relative;
	width:276px;
	height:40px;
	background:none;
}
#haut_gauche a:hover {
	text-decoration:none;
}
#haut_droite_menu{
	font-size:0.9em;
	display:block;
	float:right;
	position:relative;
	width:100%;
	height:20px;
	padding:5px 10px 0 0;
}
* html #haut_droite_menu{
	width:600px;
}
#haut_droite_menu ul{
	margin:0;
	padding:0;
}
#haut_droite_menu li{
	display:inline;
	float:right;
	padding:0 0 0 22px;
	background-image:url(../images/puce_ronde_grise_peo_go_portail_education.gif);
	background-repeat:no-repeat;
	background-position:10px 5px;
}
#haut_droite_menu ul li a:hover{
	text-decoration:underline;
	}
#haut_droite {
	display:none;
}
#haut_espace_enseignants {
	display:block;
	float:right;
	position:relative;
	width:370px;
	padding:5px 0 0 0;
	border:none;
	text-align:left;
	font-weight:bold;
	font-size:0.9em;
}
#haut_espace_enseignants span.partenariat_hautDroite {
	border:medium none;
	color:#B2B2B2;
	display:block;
	float:left;
	font-size:0.9em;
	font-weight:bold;
	position:relative;
}
#haut_espace_enseignants ul {
	padding:10px 0 0 0;
}
#haut_espace_enseignants ul li {
	display:inline;
	position:relative;
	width:200px;
	height:30px;
	padding:0 0 0 10px;
	margin:0 40px 0 0;
	list-style:none;
	background-image:url(../images/puce_ronde_grise_peo_go_portail_education.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
}
* html #haut_espace_enseignants ul li {
	width:100px;
	height:20px;
}
* html #haut_espace_enseignants div.tx-felogin-pi1 {
	margin:-15px 0 0 0;
	padding:0;
}
#haut_espace_enseignants label {
	display:none;
	}
#haut_espace_enseignants input{
	float:left;
	position:relative;
	width:102px;
	height:19px;
	line-height:24px;
	padding:5px 5px 0 5px;
	margin:0 5px 0 0;
	background-image:url(../images/fond_chp_txt_blanc_peo_go_portail_education.gif);
	background-repeat:no-repeat;
	background-position:left top;
	border:none;
}
* html #haut_espace_enseignants input{
	background:none;
	padding:3px 5px 0 5px;
	line-height:20px;
	height:22px;
}
*+ html #haut_espace_enseignants input{
	background:none;
	padding:3px 5px 0 5px;
	margin:0 5px 0 0;
	line-height:20px;
	height:22px;
}
* html #haut_espace_enseignants div.chp_identification {
	float:left;
	position:relative;
	width:102px;
	height:19px;
	line-height:24px;
	padding:0;
	margin:0;
	background-image:url(../images/fond_chp_txt_blanc_peo_go_portail_education.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
*+ html #haut_espace_enseignants div.chp_identification {
	float:left;
        display:block;
	position:relative;
	width:122px;
	height:25px;
	line-height:24px;
	padding:0;
	margin:0;
	background-image:url(../images/fond_chp_txt_blanc_peo_go_portail_education.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
#haut_espace_enseignants input.connexion{
	display:block;
	float:left;
	position:relative;
	width:85px;
	height:24px;
	line-height:24px;
	padding:0 5px 0 5px;
	margin:0 15px 0 0;
	cursor:pointer;
	background-image:url(../images/fond_chp_txt_gris_peo_go_portail_education.gif);
	background-repeat:no-repeat;
	background-position:left top;
	border:none;
}
#haut_espace_enseignants p {
	display:block;
	float:left;
	width:100%;
	margin:2px 0 0 0;
}

/******************************************************************************/
/******************************      MENU HAUT       **************************/
/******************************************************************************/

#haut_menu {
	display:none;
}
#haut_menu a {
	display:block;
	height:100%;
	color:#666666;
	font-family:"Times New Roman", Times, serif;
	font-size:1.25em;
	font-weight:bold;
	white-space:nowrap;
}
#haut_menu a:hover {
	color:#ff7200;
	text-decoration:none;
}
#haut_menu li.selected_item a {
	color:#ff7200;
	white-space:nowrap;
}
#haut_menu ul{
	display:block;
	float:left;
	margin:5px 0 0 20px;
	padding:0;
}
* html #haut_menu ul{
	margin:3px 0 0 10px;
	padding:0;
}
#haut_menu li{
	display:inline;
	float:left;
	padding:0;
	background-image:url(../images/puce_menu_peo_go_portail_education.gif);
	background-repeat:no-repeat;
	background-position:0 6px;
}
* html #haut_menu li{
	width:10px;	
}
#haut_menu li.btn1{
	padding:0 45px 0 22px;
}
#haut_menu li.btn2{
	padding:0 55px 0 22px;
}
#haut_menu li.btn3{
	padding:0 55px 0 22px;
}
#haut_menu li.btn4{
	padding:0 48px 0 22px;
}
#haut_menu li.btn5 a{
	padding:0 0 0 22px;
	color:#cc3300;
}

/******************************************************************************/
/**********************       CONTENU HAUT       ******************************/
/******************************************************************************/

#milieu_haut {
	display:block;
	float:left;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
* html #milieu_haut {
	margin:0;
}
#milieu_haut_gauche {
	display:block;
	float:left;
	position:relative;
	width:580px;
	border:none;
}
* html #milieu_haut_gauche {
	width:570px;
}
#milieu_haut_gauche_large {
	display:block;
	float:left;
	position:relative;
	width:320px;
	height:auto;
	padding:0;
	margin:0;
	text-align:left;
	vertical-align:top;
}
#milieu_haut_gauche_large p {
	padding:15px 0 0 0;
}
#milieu_haut_gauche_large_large {
	display:block;
	float:left;
	position:relative;
	width:600px;
	text-align:left;
}
* html #milieu_haut_gauche_large_large {
	display:block;
	float:left;
	position:relative;
	width:600px;
	text-align:left;
}

#article_fiche_bas {
	float:left;
	width:186px;
	background-image:url(../images/fiche_fond_peo_go_portail_education.jpg);
	background-repeat:repeat-y;
}
#article_fiche_bas .img_haut_article_fiche_bas {
	float:left;
	width:186px;
	height:12px;
	background-image:url(../images/fiche_haut_peo_go_portail_education.jpg);
	background-repeat:repeat-y;
	background-position:0 0;
}
#article_fiche_bas .img_bas_article_fiche_bas {
	float:left;
	width:186px;
	height:35px;
	background-image:url(../images/fiche_bas_peo_go_portail_education.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
}
#article_fiche_bas .chapeau {
	float:left;
	width:auto;
	margin:5px 10px 5px 10px;
}
#article_fiche_bas ul {
	margin:0 20px 0 35px;
}
#article_fiche_bas ul li {
	margin:10px 0 0 0;
}
#article_fiche_bas p {
	width:166px;
	margin:0 10px 0 10px;
}

/******************************************************************************/
/**********************       FIL DE FER         ******************************/
/******************************************************************************/

#milieu_haut_gauche_large #fil_fer {
	display:block;
	float:left;
	position:relative;
	width:320px;
	min-height:15px;
	padding:0;
	margin:0;
	text-align:left;
	font-size:0.9em;
}
#fil_fer p{
	display:block;
	float:left;
	position:relative;
	margin:0;
	padding:0;
}
#fil_fer ul{
	display:block;
	float:left;
	position:relative;
	margin:0;
	padding:0;
}
#fil_fer li{
	display:inline;
	float:left;
	padding:0 0 0 15px;
	background:none;
}
#fil_fer li.sans_fond {
	background-image:none;
}
#fil_fer li.page_courante a{
    white-space:nowrap;
	text-decoration:underline;
}
#fil_fer a {
	white-space:nowrap;
}
#fil_fer a:hover {
	text-decoration:underline;
}
#milieu_haut_gauche_edito {
	background-image:url(../images/fond_edito_peo_go_portail_education.jpg);
	background-repeat:no-repeat;
	border:medium none;
	display:block;
	float:left;
	height:175px;
	padding:70px 0 0 260px;
	width:320px;
}
#milieu_haut_gauche_edito p {
	margin:0 20px 0 25px;
	text-align:justify;
}
* html #milieu_haut_gauche_edito p.puce_triangle_orange {
	width:100px;
}
#milieu_haut_gauche_edito h4 {
	margin:0 20px 10px 25px;
}
.milieu_haut_gauche_article {
	display:block;
	float:left;
	position:relative;
	width:183px;
	margin:10px 10px 0 0;
	text-align:justify;
	font-size:1em;
}
* html .milieu_haut_gauche_article {
	width:170px;
	margin:10px 7px 0 0;
}

.milieu_haut_gauche_article ul {
	display:block;
	float:left;
	width:100%;
	margin:10px 0 0 0;
	padding:0;
}
.milieu_haut_gauche_article ul li {
	float:left;
	display:block;
	margin:0 5px 20px 8px;
	padding:0;
	text-align:left;
}
.milieu_haut_gauche_article .rss {
	width:31px;
	height:12px;
	margin:8px 30px 0 0;
	padding:0;
}
* html .milieu_haut_gauche_article .rss {
	position:relative;
	float:right;
	display:block;
	margin:-22px 5px 0 0;
}
*+ html .milieu_haut_gauche_article .rss {
	margin:-22px 30px 0 0;
}
.milieu_haut_gauche_article .rss a {
	padding:0;
}
#recherche {
	display:none;
}
#milieu_haut_droite {
	display:block;
	float:right;
	position:relative;
	width:365px;
	border:none;
}
* html #milieu_haut_droite {
	width:350px;
	margin:0;
	/* By Cco : 09-07-08 */
	/*paddind:0;*/
	/**/
}
#zone_inter_large {
	display:block;
	float:none;
	width:600px;
	height:40px;
	margin:0;
	padding:0;
}

/******************************************************************************/
/**********************       MENU DE GAUCHE     ******************************/
/******************************************************************************/

#milieu_haut_gauche_menu {
	display:none;
}
#recherche_article {
	display:block;
	float:left;
	text-align:left;
	width:155px;
	padding:0 5px 0 15px;
	background-image:url(../images/fond_menu_gauche_peo_go_portail_education.jpg);
	background-repeat:repeat-y;
}
#recherche_article label {
	display:none;
}
#recherche_article input.rechercher {
	display:block;
	float:left;
	width:135px;
	height:17px;
	padding:5px 0 0 0;
	margin:5px 0 0 0;
	border:1px solid #d7d7d7;
	font-size:0.9em;
}
#recherche_article input.valider { 
	display:block;
	float:left;
	width:135px;
	height:24px;
	margin:5px 0 5px 0;
	background-color:#eaeaea;
	cursor:pointer;
	border:1px solid #d7d7d7;
	font-weight:bold;
	font-size:0.9em;
}
/******************************************************************************/
/**********************       ARTICLES DE GAUCHE ******************************/
/******************************************************************************/

#ordi_60{
	display:block;
	float:left;
	position:relative;
	width:170px;
	height:40px;
	padding:7px 0 0 10px;
	margin:0;
	background-image:url(../images/fond_ordi60_small_peo_go_portail_education.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
#ordi_60 h6 {
	margin:-2px 0 0 0;
}
.nuages_tags {
	display:block;
	float:left;
	position:relative;
	width:170px;
	height:auto;
	padding:0;
	background-image:url(../images/fond_nuages_tags2_peo_go_portail_education.jpg);
	background-repeat:repeat-y;
	background-position:top left;
}
/******************************************************************************/
/******************    ARTICLES DU CENTRE TAILLE 780px   **********************/
/******************************************************************************/

#haut_article_large {
	display:block;
	float:left;
	position:relative;
	width:770px;
	padding:0 0 0 10px;
	height:auto;
	text-align:left;
}
* html #haut_article_large {
	width:760px;
	padding:0;
}
.colPleine {
	display:block;
	float:left;
	position:relative;
	width:770px;
	height:auto;
	text-align:left;
	margin:10px 0 0 0;
}
#haut_article_large textarea.interface_article {
	display:block;
	float:right;
	height:210px;
	width:760px;
}
#haut_article_large label {
	float:left;
	font-weight:bold;
	margin:0 13px 0 0;
}
#haut_article_large input {
	float:left;
	font-size:0.9em;
	height:20px;
	line-height:20px;
	margin:0 0 0 10px;
}
* html #haut_article_large input {
	height:25px;
}
#haut_article_large .tx-indexedsearch-form label {
	padding:3px 0 0 0;
}
#haut_article_large .tx-indexedsearch-form input {
	float:left;
	font-size:0.9em;
	height:15px;
	line-height:20px;
	margin:0;
	padding:3px 0 0 3px;
	width:330px;
}
* html #haut_article_large .tx-indexedsearch-form input {
	width:340px;
}
#haut_article_large input.gd_chp_txt {
	width:420px;
	margin:0;
}
* html #haut_article_large input.gd_chp_txt {
	width:430px;
}
#haut_article_large .btn_gris {
	background-color:#EAEAEA;
	cursor:pointer;
	display:block;
	float:right;
	font-size:0.9em;
	font-weight:bold;
	height:21px;
	padding:3px 0 3px 0;
	text-align:center;
	width:80px;
	border-width:0 1px 1px 0;
}
* html #haut_article_large .btn_gris {
	background-color:#EAEAEA;
	cursor:pointer;
	display:block;
	float:right;
	font-size:0.9em;
	font-weight:bold;
	height:25px;
	padding:3px 0 3px 0;
	text-align:center;
	width:80px;
	border-width:0 1px 1px 0;
}
#haut_article_large .paragraphe ul.liste_docs {
	display:block;
	float:left;
	position:relative;
	width:430px;
	top:-3px;
	height:auto;
	margin:0;
	padding:0;
	list-style:none;
	border:1px solid #d7d7d7;
}
#haut_article_large .paragraphe ul.liste_docs input {
	border:none;
	width:420px;
}
#haut_article_large .paragraphe ul.btn_supprimer {
	display:block;
	float:right;
	position:relative;
	width:180px;
	height:auto;
	margin:0;
	padding:0;
	list-style:none;
}
#haut_article_large .paragraphe ul.btn_supprimer input {
	float:right;
	width:170px;
	margin:0;
}
#haut_article_large .paragraphe ul li {
	display:block;
	float:left;
	width:100%;
	margin:0 0 5px 0;
	padding:0;
	list-style:none;
}
#haut_article_large .paragraphe .text_bloc {
	display:block;
	float:left;
	width:150px;
}
#haut_article_large .paragraphe {
	display:block;
	float:left;
	position:relative;
	width:100%;
	margin:10px 0 0 0;
}
#haut_article_large .taille170 {
	width:170px;
}
* html #haut_article_large .taille170 {
	width:170px;
}
#flvplayercaption {
        width:320px;
}
* html #flvplayercaption {
width:230px;
}
#flvcaption {
	width:100%;
}
* html #flvcaption {
	width:250px;
	margin:10px 0 0 0;
}
* html #player {
margin:0;
padding:0;
}
#playlist .flvplayer_listpic {
        margin:0 0 0 10px;
        width:auto;
}
* html #playlist .flvplayer_listpic {
        margin:0 0 0 5px;
}
.news-single-item img {
	margin:10px 0 0 0;
}


/******************************************************************************/
/******************    ARTICLES DU CENTRE TAILLE 480px   **********************/
/******************************************************************************/

#haut_article,.colMilieu {
	display:block;
	float:left;
	position:relative;
	width:320px;
	padding:0;
	margin:0;
	text-align:left;
}
* html #haut_article,.colMilieu {
	display:block;
	float:none;
	width:600px;
}
#haut_article img.wtgallery_listpic_pic  {
	padding:1px;
        width:51px;
}
* html #haut_article img.wtgallery_listpic_pic  {
	padding:1px;
        width:50px;
}
#haut_article p img {
	margin:10px 0 10px 0;
	max-width:320px;
	max-height:none;
}
#haut_article form fieldset {
	float:left;
}
.haut_article_barre_outil {
	display:none;
}
* html .haut_article_barre_outil {
	line-height:15px;
	margin:0 0 15px 0;
}
* html #haut_article_fiche .haut_article_barre_outil {
	width:570px;
}
#haut_article_fiche a {
        color:#FF4400;
}
.haut_article_barre_outil a {
	display:block;
	float:left;
	position:relative;
	height:20px;
}
* html .haut_article_barre_outil a, * html .haut_article_barre_outil a:link,* html .haut_article_barre_outil a:hover {
	padding:3px 0 0 0;
	height:17px;		
}
#haut_article_outils {
	display:block;
	float:right;
	height:20px;
	position:relative;
	width:120px;
}
#haut_article_outils img {
	float:left;
	padding:0 10px 0 0;
}
* html #haut_article_outils img {
	float:left;
	padding:0 10px 0 0;
}
#haut_article_outils a {
	float:left;
}
* html #haut_article_outils a {
	float:left;
	padding:0;
	height:20px;
}
#haut_article input {
	float:right;
	height:15px;
	padding:5px 5px 0 5px;
	margin:0;
	font-size:1em;
}
#haut_article .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-submit {
	cursor:pointer;
	float:right;
	font-size:1em;
	height:25px;
	margin:0;
	padding:3px 5px;
}
#haut_article #bouton_envoyer {
	float:right;
	font-size:1em;
	height:23px;
	margin:0;
	padding:0 5px 3px;
}
#haut_article textarea {
	display:block;
	float:right;
	height:30px;
	padding:5px 0 0 0;
	margin:0 0 0 10px;
}
#haut_article textarea.chapo {
	display:block;
	float:right;
	width:410px;
}
#haut_article input.titre {
	width:370px;
}
#haut_article input.auteur {
	width:270px;
}
.paragraphe {
	display:block;
	float:left;
	width:100%;
}
#haut_article .tx_ablinklist_listView_rssFeed {
	border-color:#B2B2B2;
	border-style:solid;
	border-width:1px 0 0 0;
	display:block;
	float:left;
	margin:0 0 15px 0;
	padding:0 0 5px 20px;
	position:relative;
	text-align:left;
	width:100%;
	background-color:#F9F9F9;
}
#haut_article .link_titreRSS {
	background-image:url(../images/icone_rss.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	color:#E66000;
	font-weight:bold;
	margin:5px 0 3px 0;
	padding:0 0 0 40px;
}



/******************************************************************************/
/******************    ARTICLES DU CENTRE TAILLE 570px   **********************/
/******************************************************************************/

#haut_article_fiche {
	display:block;
	float:left;
	width:400px;
	padding:0;
	margin:0;
}
* html #haut_article_fiche {
	display:block;
	float:left;
	width:600px;
	padding:0;
	margin:0;
}
* html #haut_article_fiche h3 {
	width:550px;
}
#haut_article_fiche .chapeau {
	width:100%;
}
#haut_article_fiche ul {
	padding:0;
	border:none;
	list-style:none;
}
#haut_article_fiche ul li {
	width:555px;
	padding:0 0 0 15px;
	margin:10px 0 0 0;
	border:none;
	background-image:url(../images/puce_noire_menu_haut_gauche_peo_go_portail_education.gif);
	background-position:0 5px;
	background-repeat:no-repeat;
}
#haut_article_fiche ul li.puce_orange {
	background-image:url(../images/puce_orange_menu_haut_gauche_peo_go_portail_education.gif);
	/* By Cco : 09-07-08 */
	/*color:*/
	/**/
}

/******************************************************************************/
/******************    ARTICLES DU CENTRE TAILLE 390px   **********************/
/******************************************************************************/

#haut_article_small {
	display:block;
	float:left;
	width:390px;
	padding:0 0 0 10px;
	margin:0 0 20px 0;
}
* html #haut_article_small {
	width:385px;
}
/******************************************************************************/
/**********************       ARTICLES DE DROITE TAILLE 360px   ***************/
/******************************************************************************/

#milieu_haut_droite4 {
	display:block;
	float:right;
	width:364px;
	margin:0;
	padding:0;
	text-align:left;
	font-size:1em;
}
#milieu_haut_droite4 .cartouche_logiciels {
	display:block;
	float:left;
	width:363px;
	height:246px;
	margin:0;
	padding:0;
	text-align:left;
	font-size:1em;
	background-image:url(../images/ordi60_fond_cartouche_peo_go_portail_education.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	background-color:#FFFFFF;
}
#milieu_haut_droite4 .cartouche_logiciels ul.btns_gauche {
	float:left;
	width:364px;
	height:184px;

	margin:0;
	padding:0;
	text-align:left;
	font-size:1em;
}
#milieu_haut_droite4 .cartouche_logiciels ul.btns_gauche li {
	display:block;



	float:left;
	width:159px;
	height:35px;
	max-height:35px;
	line-height:35px;
	margin:0 0 0 30px;
	padding:0 0 0 10px;
	list-style:none;
	text-align:left;
	font-size:1em;
	background-image:url(../images/ordi60_petite_puce_blanche_peo_go_portail_education.gif);
	background-position:0 16px;
	background-repeat:no-repeat;
}
#milieu_haut_droite4 .cartouche_logiciels ul.btns_gauche li.current_bouton {
	float:left;
	width:159px;
	height:35px;
	margin:0;
	padding:0 0 0 40px;
	list-style:none;
	line-height:35px;
	text-align:left;
	font-size:1em;
	background-image:url(../images/ordi60_btn_over_peo_go_portail_education.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}

* html #milieu_haut_droite4 .cartouche_logiciels ul.btns_gauche li.logiciel1 {
	display:block;
	position:absolute;
	width:159px;
	height:35px;
	top:252px;
	left:586px;
}

* html #milieu_haut_droite4 .cartouche_logiciels ul.btns_gauche li.logiciel2 {




















	display:block;
	position:absolute;
	width:159px;
	height:35px;
	top:287px;
	left:586px;
}
* html #milieu_haut_droite4 .cartouche_logiciels ul.btns_gauche li.logiciel3 {
	display:block;


	position:absolute;
	width:159px;
	height:35px;
	top:321px;
	left:586px;
}
* html #milieu_haut_droite4 .cartouche_logiciels ul.btns_gauche li.logiciel4 {
	display:block;
	position:absolute;
	width:159px;
	height:35px;
	top:357px;
	left:586px;
}
* html #milieu_haut_droite4 .cartouche_logiciels ul.btns_gauche li.logiciel5 {
	display:block;
	position:absolute;
	width:159px;
	height:35px;
	top:393px;
	left:586px;
}


#milieu_haut_droite4 .cartouche_logiciels ul.btns_gauche li ul {
	display:none;
}
#milieu_haut_droite4 .cartouche_logiciels ul.btns_gauche li.current_bouton ul {
	display:block;
	position:relative;
	float:left;
	width:205px;
	height:185px;
	padding:10px 0 0 0;
}
#milieu_haut_droite4 .cartouche_logiciels ul.btns_gauche li.logiciel1 ul {
	margin:-40px 0 0 119px;
}
* html #milieu_haut_droite4 .cartouche_logiciels ul.btns_gauche li.logiciel1 ul {
	margin:-40px 0 0 59px;
}
/*
#milieu_haut_droite4 .cartouche_logiciels ul.btns_gauche li.logiciel2 ul {
	margin:-70px 0 0 119px;
}
* html #milieu_haut_droite4 .cartouche_logiciels ul.btns_gauche li.logiciel2 ul {
	margin:-70px 0 0 59px;
}
#milieu_haut_droite4 .cartouche_logiciels ul.btns_gauche li.logiciel3 ul {
	margin:-105px 0 0 119px;
}
* html #milieu_haut_droite4 .cartouche_logiciels ul.btns_gauche li.logiciel3 ul {
	margin:-105px 0 0 59px;
}
#milieu_haut_droite4 .cartouche_logiciels ul.btns_gauche li.logiciel4 ul {
	margin:-140px 0 0 119px;
}
* html #milieu_haut_droite4 .cartouche_logiciels ul.btns_gauche li.logiciel4 ul {
	margin:-140px 0 0 59px;
}
#milieu_haut_droite4 .cartouche_logiciels ul.btns_gauche li.logiciel5 ul {
	margin:-175px 0 0 119px;
}
* html #milieu_haut_droite4 .cartouche_logiciels ul.btns_gauche li.logiciel5 ul {
	margin:-176px 0 0 59px;
}
*/
#milieu_haut_droite4 .cartouche_logiciels ul.btns_gauche li ul li {
	float:left;
	margin:1px 0 0 15px;
	padding:0 0 0 15px;
	width:155px;
	height:auto;
	min-height:20px;
	line-height:15px;





	list-style:none;
	background-image:url(../images/ordi60_grosse_puce_ronde_blance_peo_go_portail_education.gif);
	background-repeat:no-repeat;
	background-position:0 6px;	
}

* html #milieu_haut_droite4 .cartouche_logiciels ul.btns_gauche li ul li {
	margin:3px 0 0 5px;	
}

#milieu_haut_droite4 .cartouche_logiciels ul.btns_gauche li a {
	color:#FFFFFF;
	font-weight:bold;
}


#milieu_haut_droite4 .gros_cartouche_blanc_contenu ul {
	margin:0 0 10px 15px;
}
#milieu_haut_droite4 .gros_cartouche_blanc_contenu a {
	color:#ff7700;
	font-weight:bold;
	text-decoration:underline;
}
#milieu_haut_droite4 .gros_cartouche_blanc_contenu a {
	color:#ff7700;
	font-weight:bold;
	text-decoration:underline;
}
#milieu_haut_droite4 .gros_cartouche_blanc_contenu a:hover {
	color:#ff4400;
}
#milieu_haut_droite4 .gros_cartouche_blanc {
	display:block;
	float:left;
	width:364px;
	height:10px;

	height:auto;

	background-image:url(../images/ordi60_fond_cartouche_blanc_peo_go_portail_education.jpg);
	background-repeat:repeat-y;
	background-position:0 0;
}
#milieu_haut_droite4 .gros_cartouche_blanc_contenu {
	display:block;
	float:left;
	width:344px;
	margin:10px 10px 10px 10px;
}
* html #milieu_haut_droite4 .gros_cartouche_blanc_contenu {
	display:block;
	float:left;
	width:324px;
	margin:10px 10px 10px 10px;
}
/******************************************************************************/
/**********************       ARTICLES DE DROITE TAILLE 280px   ***************/
/******************************************************************************/

#milieu_haut_droite2, .colDroite {
	display:block;
	float:right;
	width:270px;
	margin:0;
	padding:0;
	text-align:left;
	font-size:1em;
}
* html #milieu_haut_droite2, .colDroite {
	float:left;
}
#milieu_haut_droite2 img{
	max-width:270px;
}
.block_note {
	display:block;
	float:left;
	width:280px;
	padding:0;
	margin:10px 0 0 0;
}
.block_note img {
	margin:0;
}
#milieu_haut_droite2 .block_note {
	display:block;
	float:left;
	position:relative;
	width:270px;
	padding:0;
	margin:10px 0 0 0;
}
#milieu_haut_droite2 .block_note img {
	margin:0;
}
#block_note_btn_gauche {
	display:none;
}
#block_note_btn_gauche.selected_item {
	display:block;
	float:left;
	width:270px;
	height:15px;
	margin:0;
	padding:0;
	background:none;
	background-color:#f7f7f7;
}
#block_note_btn_gauche a {
	display:block;
	width:132px;
	height:15px;
	padding:0;
	text-align:center;
	line-height:15px;
	font-family:"Times New Roman", Times, serif;
	font-size:1.4em;
	font-weight:bold;
	color:#999999;
}
* html #block_note_btn_gauche a {
	height:49px;
}
#block_note_btn_gauche a:hover, #block_note_btn_gauche.selected_item a {
	color:#333333;
	font-family:"Times New Roman",Times,serif;
	font-size:1.4em;
	font-weight:bold;
	line-height:15px;
	padding:0 0 0 30px;
	text-align:left;
	text-decoration:none;
	width:240px;
}
* html #block_note_btn_gauche a:hover, #block_note_btn_gauche.selected_item a {
	padding:0 0 0 10px;
	width:270px;
}
#block_note_btn_droite {
	display:none;
}
#block_note_btn_droite.selected_item {
	display:block;
	float:left;
	width:270px;
	height:15px;
	margin:0;
	padding:0;
	background:none;
	background-color:#f7f7f7;
}
* html #block_note_btn_droite.selected_item {
	height:49px;
}
#block_note_btn_droite a {
        color:#999999;
        display:block;
        line-height:20px;
        font-family:"Times New Roman",Times,serif;
        font-size:1.4em;
        font-weight:bold;
        height:59px;
        margin:auto;
        padding:5px 5px 5px 0;
        text-align:center;
        width:131px;
}
* html #block_note_btn_droite a {
        height:49px;
}
#block_note_btn_droite a:hover, #block_note_btn_droite.selected_item a {
	color:#333333;
	height:55px;
	line-height:20px;
        padding:5px 5px 5px 0;
	text-decoration:none;
	width:131px;
}
* html #block_note_btn_droite a:hover, #block_note_btn_droite.selected_item a {
        height:49px;
}
#milieu_haut_droite2 .block_note_contenu, #haut_article_large .block_note_contenu {
	background:none;
	background-color:#f7f7f7;
	width:245px;
}
#milieu_haut_droite2 .block_note_contenu h6 {
	display:block;
	float:left;
	margin:0;
}
* html #milieu_haut_droite2 .block_note_contenu h6 {
	width:100%;
}
#milieu_haut_droite2 .block_note_contenu p {
	width:auto;
}
#milieu_haut_droite2 .block_note_contenu ul {
	display:block;
	float:left;
	padding:5px 0 0 15px;
	margin:0;
}
#milieu_haut_droite2 .block_note_contenu .tx-srfeuserregister-pi1 fieldset {
	width:200px;
	border:none;
}
#milieu_haut_droite2 .block_note_contenu .tx-srfeuserregister-pi1 fieldset legend {
	display:none;
}
#milieu_haut_droite2 .block_note_contenu ul.saut_ligne li {
	display:block;
	float:left;
	padding:0 0 10px 15px;
	margin:0;
	background-image:url(../images/puce_noire_menu_haut_gauche_peo_go_portail_education.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
}
* html #milieu_haut_droite2 .block_note_contenu ul.saut_ligne li {
	width:100%;
}
*+ html #milieu_haut_droite2 .block_note_contenu ul.saut_ligne li {
	width:100%;
}
#milieu_haut_droite2 .block_note_contenu a, #haut_article_large .block_note_contenu a {
	color:#FF4400;
	font-weight:bold;
}
#milieu_haut_droite2 .img_bas_bloc_note, #haut_article_large .img_bas_bloc_note {
	width:270px;
	background:none;
	background-color:#f7f7f7;
}
#milieu_haut_droite2 .img_haut_bloc_note, #haut_article_large .img_haut_bloc_note {
	width:270px;
	background:none;
	background-color:#f7f7f7;
}
#milieu_haut_droite2 .contrib_version {
	display:block;
	float:left;
	width:253px;
	height:115px;
	margin:60px 0 0 0;
	padding:10px 10px 0 10px;
	background-image:url(../images/fond_gris_peo_go_portail_education.gif);
	background-repeat:no-repeat;

}
* html #milieu_haut_droite2 .contrib_version {
	margin:55px 0 0 0;
	padding:10px 10px 20px 10px;
}
#milieu_haut_droite2 .contrib_version label{
	display:block;
	float:left;
	width:253px;
	height:auto;
	padding:0 0 5px 0;
	font-weight:bold;
}
#milieu_haut_droite2 .contrib_version select{
	font-size:0.9em;
	width:250px;
	height:20px;
	border:1px solid #d7d7d7;
	padding:2px 3px 2px 3px;
	margin:0 0 10px 0;
}

/******************************************************************************/
/**********************       ARTICLES DE DROITE TAILLE 190px   ***************/
/******************************************************************************/

#milieu_haut_droite3 {
	float:right;
	width:190px;
	margin:10px 0 20px 0;
	padding:0;
	text-align:left;
	font-size:1em;
}
* html #milieu_haut_droite3 {
	float:left;
	width:160px;
	margin:10px 0 0 0;
	padding:10px 0 0 0;
}
#milieu_haut_droite3 ul {
	list-style:none;
	margin:0 0 0 10px;
	padding:0;
}
* html #milieu_haut_droite3 ul {

	width:130px;
}
#milieu_haut_droite3 ul li {
	margin:0 20px 10px 0;
	padding:0;
}
* html #milieu_haut_droite3 ul li {
	width:130px;
	margin:0 0 10px 0;
	padding:0;
}
.petit_block_note {
	display:block;
	float:left;
	margin:5px 0 0 0;
	background-image:url(../images/bloc_note2_fond_peo_go_portail_education.jpg);
	background-repeat:repeat-y;
}
.petit_block_note h2 {
	margin:0 0 0 10px;
}
.petit_block_note p {
	margin:0 15px 0 10px;
}
.img_haut_petit_bloc_note {
	display:block;
	float:left;
	width:186px;
	height:13px;
	background-image:url(../images/bloc_note2_haut_peo_go_portail_education.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
}
.img_bas_petit_bloc_note {

	display:block;
	float:left;
	width:186px;
	height:13px;
	background-image:url(../images/bloc_note2_bas_peo_go_portail_education.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
}

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

/**********************       ARTICLES DE DROITE TAILLE 315px   ***************/
/******************************************************************************/

.milieu_haut_droite_article {
	display:block;
	float:left;
	width:315px;
	margin:0;

	padding:10px 20px 0 30px;
	text-align:left;
	font-size:1em;
}
* html .milieu_haut_droite_article {
	padding:0;
	margin:3px 0 0 0;
	width:365px;
}
.article1 {
	height:115px;
	background-image:url(../images/fond_ordi60_peo_go_portail_education.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
}
* html .article1 {
	height:121px;
}
.article1 ul{
	display:block;
	float:left;
	padding:0 0 0 10px;
}
* html .article1 ul{
	display:block;
	float:left;
	padding:0;
	margin:0 0 0 15px;
}
* html .article1 ul li{
	padding:0 0 0 10px;
	background-image:url(../images/ordi60_petite_puce_blanche_peo_go_portail_education.gif);

	background-repeat:no-repeat;
	background-position:0 5px;
}
* html .article1 p{
	margin:0 0 0 30px;
}
#milieu_haut_droite .article1 a {

	font-weight:normal;
	color:#FFFFFF;
}


#milieu_haut_droite .article1 a:hover {
	text-decoration:underline;
}
* html #milieu_haut_droite .article1 img {
        float:right;
        display:block;
        margin:-13px 0 0 -215px;

}

.article1 h1{
	display:block;
	float:left;
	width:100%;
	position:relative;
	left:-20px;
	height:25px;
	line-height:25px;
	text-align:left;
	padding :10px 0 5px 20px;
	margin :0;
	font-family:"Times New Roman", Times, serif;
	font-size:1.9em;
	font-weight:normal;
	background-image:url(../images/puce_titre_blanc_peo_go_portail_education.jpg);
	background-repeat:no-repeat;
	background-position:0 15px;
	border:none;
	color:#FFFFFF;
}
.article2 {
	height:115px;
	background-image:url(../images/fond_nuages_rss_peo_go_portail_education.jpg);
	background-repeat:no-repeat;
}
* html .article2 {
	height:121px;
}
.article2 img {
	display:none;
}
.article2 ul {
	display:block;
	float:left;
	height:100%;
	padding:0;
	position:relative;
	width:320px;
}
* html .article2 ul {
	margin:0 0 0 15px;
	height:75px;
}
.article2 ul li {
	display:block;
	float:left;
	height:15px;
	line-height:15px;
	list-style:none;
	margin:0 5px 0 0;
	padding:0;
	width:auto;
}
.article2 h6 {
	width:100%;
	left:-20px;
	margin:0;
}
.article3 {
	height:274px;
	background-image:url(../images/fond_recherche_college_peo_go_portail_education.jpg);
	background-repeat:no-repeat;
}



.article3 h6 {
	width:100%;
	left:-20px;
	margin:0;
}
#recherche_college{
	display:block;
	float:left;
	position:relative;
	top:72px;
	left:0;
	width:175px;
	height:155px;
	text-align:center;
}
* html #recherche_college{
	margin:20px 0 0 15px;
}
#recherche_college select{
	font-size:0.9em;
	width:175px;
	height:20px;
	border:1px solid #d7d7d7;
	padding:2px 3px 2px 3px;
	/* By Cco : 09-07-08 */
	/*in:*/
	/* --*/
	margin:5px 0 0 0;
}
#recherche_college label{
	display:none;
}
#recherche_college fieldset{
	line-height:5px;
	margin:0;
	padding:0;
	width:150px;
	border:none;
}
*+ html #recherche_college fieldset{
	float:left;
}
#recherche_college input{
	font-size:0.8em;
	font-weight:bold;
	cursor:pointer;
	width:175px;
	height:20px;
	border:1px solid #d7d7d7;
	background-color:#eaeaea;
	margin:5px 0 0 0;
}
#milieu_bas {
	display:none;
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
	margin:10px 0 0;
	max-height:120px;
}
#bas {
	display:none;
}
#bas img{
	float:right;
	margin:0 20px 0 0;
}
* html #bas img{
	float:right;
	margin:0 10px 0 0;
}
#bas ul{
	border:medium none;
	display:block;
	float:right;
	margin:0;
	padding:0;
	width:800px;
}
* html #bas ul{
	float:left;
	width:830px;
}
#bas li{
	background-image:url(../images/puce_trait_gris_peo_go_portail_education.gif);
	background-position:right 5px;
	background-repeat:no-repeat;
	display:block;
	float:right;
	height:15px;
	margin:0 20px 0 0;
	padding:0 20px 0 0;
	text-align:right;
	width:auto;
}
* html #bas li{
	margin:0 20px 0 0;
	padding:0 20px 0 0;
}

#bas ul li a{

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:bold;
	color:#666666;
}
#bas ul li a:hover{
	text-decoration:underline;
}

/******************************************************************************/
/**********************       PAGE ORDI 60                      ***************/

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

#ordi60_milieu_haut_gauche_menu {
	display:none;
}

#milieu_haut_droite2 input {
	cursor:pointer;
	border:1px solid #D7D7D7;
	background-color:#eaeaea;
	float:right;
	font-size:0.9em;
	line-height:25px;
	height:25px;

	width:150px;
	margin:0 0 20px 0;

	padding:0 10px 0 10px;
}
#milieu_haut_droite2 select {
	border:1px solid #D7D7D7;
	font-size:0.9em;
	height:20px;
	margin:0 0 10px;
	padding:2px 3px;
	width:250px;
}

#haut_article label a {
	display:block;
	margin:10px 0 25px 0;
	padding:0 0 0 20px;
}
.bloc_envoi {
	display:block;
	float:left;
	margin:10px 0 0 0;
	line-height:20px;
	width:100%;
}
.bloc_envoi textarea {
	display:block;
	float:right;
	height:30px;
	margin:0 0 0 10px;
	padding:5px 0 0;
	width:400px;
	height:100px;
}
.bloc_envoi label {

	display:block;
	float:left;
	height:20px;	
}

/******************************************************************************
			  page contact
******************************************************************************/

#mailform fieldset {
	border:none;
	padding:10px 5px 5px 5px;
}
#mailform div.csc-mailform-field {
	display:block;
	float:left;
	height:auto;
	margin:0 0 5px;
	width:100%;
}
#mailform div.csc-mailform-field label {
	float:left;
	margin:0;
	padding:0;
}
#mailform div.csc-mailform-field input {
	display:block;
	float:right;
	height:17px;
	margin:0;
	padding:3px 0 0 3px;
	width:300px;
}
#mailform div.csc-mailform-field textarea {
	display:block;
	float:right;
	height:60px;
	line-height:20px;
	margin:0;
	padding:3px 0 0 3px;
	width:300px;
}
#mailform div.csc-mailform-field select {
	border:1px solid #D7D7D7;
	display:block;
	float:right;
	height:60px;
	line-height:20px;
	margin:0;
	padding:3px 0 0 3px;
	width:305px;
}
#mailform div.csc-mailform-field input.csc-mailform-submit {
	cursor:pointer;
	height:20px;
	line-height:20px;
	padding:0;
	width:150px;
}


/******************************************************************************/
/*        EXTENSIONS  	                                                      */
/******************************************************************************/


div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
	background:none;
	border:none;
	line-height:15px;
	padding:2px 5px;
	text-align:center;
}