/* Yahoo CSS RESET */

body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{
	margin: 0;
	padding: 0;
}
table
{
	border-collapse: inherit;
}
fieldset, img
{
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var
{
	font-style: normal;
	font-weight: normal;
}
ul
{
	list-style: none;
}
caption, th
{
	text-align: left;
}
h1, h2, h3, h4, h5, h6
{
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after
{
	content: '';
}
abbr, acronym
{
	border: 0;
}

a
{
	color: #FF5B00;
}
a:visited
{
	color: #FF813D;
}
a:hover
{
	color: #000000;
}

table.classeur a
{
	color: #000000;
}
table.classeur a:visited
{
	color: #7A7A7A;
}
table.classeur a:hover
{
	color: #FF5B00;
}

em
{
	font-style: italic;
}

.justify
{
	text-align: justify;
}
.nomargintop
{
	margin-top: 5px;
}
/***************************************************
* SITE LAYOUT ELEMENT
***************************************************/
html, body
{
	height: 100%;
}
body
{
	background: #fff url( '../images/body_bg.gif' ) top left repeat-x;
	text-align: center;
	font-size: 90%;
	font-family: Verdana,Default;
}

div.tmpWrapper
{
}

#siteWrapper
{
	width: 950px;
	display: block;
	margin: 0 auto;
	text-align: left;
	background-position: 589px top;
}

#header
{
	background: #272727;
	height: 73px;
	display: block;
}

#blue_banner
{
	position: relative;
	background: transparent url( '../images/general_layout/blue_banner2.jpg' ) top center no-repeat;
	height: 196px;
}

.switch_banner
{
    position: relative;
	height: 195px;
	left: 25px;
	float: left;
	width: 300px;
}

#video_intro
{
	position: relative;
	height: 195px;
	left: 25px;
	float: left;
	width: 300px;
}

#user_panel
{
	width: 325px;
	float: right;
	padding-right: 10px;
}


div.containerCol
{
	background: transparent url( '../images/general_layout/second_col.gif' ) top left repeat-y;
	background-position: 617px top;
}


div.mainCol
{
	width: 570px;
	margin-left: 30px;
	float: left;
}

* html div.mainCol
{
	margin-left: 15px;
}

div.largeCol
{

	margin:20px 30px 0 30px;
}

div.secondCol
{
	width: 300px;
	float: right;
	margin-right: 35px;
	margin-top: -4px;
	height: 100%;
}

* html div.secondCol
{
	margin-right: 20px;
}


div.mainColLarger
{
	width: 650px;
	margin-left: 30px;
	margin-right: 2px;
	float: left;
}

* html div.mainColLarger
{
	margin-left: 15px;
}

div.secondColSmaller
{
	width: 235px;
	float: left;
	margin-left: 20px;
}





#footer
{
	clear: both;
	margin: 0 auto;
	margin-top: 10px;
	border-top: 1px dashed #d2d2d2;
	color: #6d7c82;
	padding: 10px 0;
}

.f_left
{
	float: left;
}
.f_right
{
	float: right;
}
.clear
{
	clear: both;
	height: 1%;
}

#footer a
{
	color: #6d7c82;
}



.abonnez_ecole
{
	width: 326px;
	height: 52px;
	background: transparent url( '../images/general_layout/abonner_mon_ecole.gif' ) top left no-repeat;
	display: block;
	position: relative;
	margin-top: -17px;
	z-index: 10;
}
.abonnez_ecole span
{
	display: none;
}

.abonnez_ecole:hover
{
	background-position: -326px top;
}

div.aude
{
	position: absolute;
	background: transparent url( '../images/design_elements/aude.gif' ) top center no-repeat;
	height: 224px;
	width: 102px;
	display: block;
	z-index: 20;
	margin-left: 215px;
	margin-top: -160px;
}

/***************************************************
* HEADER (LOGO + MAIN MENU + SOUTIENT ET VENTES)
***************************************************/


a.logo_renouveau
{
	background: transparent url( '../images/general_layout/logo_renouveau.jpg' ) top left no-repeat;
	width: 313px;
	height: 59px;
	display: block;
	float: left;
	margin: 10px 0 0 10px;
}


ul#main_menu
{
	background-image: url( '../images/general_layout/main_menu.gif' );
	display: block;
	height: 40px;
	position: relative;
	float: right;
	width: 602px;
	margin: 0;
	margin-top: 12px;
}

ul#main_menu li
{
	display: block;
	float: left;
	height: 40px;
}

ul#main_menu li a
{
	background-image: url( '../images/general_layout/main_menu.gif' );
	position: relative;
	height: 40px;
	display: block;
}

ul#main_menu li a span
{
	display: none;
}

a.m_accueil
{
	background-position: -18px top;
	width: 51px;
	margin-left: 18px;
}
li.selected a.m_accueil, a.m_accueil:hover
{
	background-position: -18px -40px;
}

a.m_renouveau_explique
{
	background-position: -101px top;
	width: 153px;
	margin-left: 32px;
}
li.selected a.m_renouveau_explique, a.m_renouveau_explique:hover
{
	background-position: -101px -40px;
}

a.m_mon_cahier_imprimable
{
	background-position: -288px top;
	width: 149px;
	margin-left: 34px;
}
li.selected a.m_mon_cahier_imprimable, a.m_mon_cahier_imprimable:hover
{
	background-position: -288px -40px;
}

a.m_contactez_nous
{
	background-position: -470px top;
	width: 108px;
	margin-left: 33px;
}
li.selected a.m_contactez_nous, a.m_contactez_nous:hover
{
	background-position: -470px -40px;
}


div.soutient_ventes
{
	background: #000 url( '../images/general_layout/soutient_ventes_left.gif' ) top left no-repeat;
	float: right;
	height: 21px;
	overflow: hidden;
	margin-right: -25px;
	width: auto !important;
	width: 320px;
	min-width: 320px;
}
div.soutient_ventes div.close
{
	background: transparent url( '../images/general_layout/soutient_ventes_right.gif' ) top right no-repeat;
	padding: 4px 50px;
	height: 13px;
	display: block;
}
div.soutient_ventes a
{
	background: transparent url( '../images/icons/ltl_phone.gif' ) top left no-repeat;
	background-position: left 1px;
	font-size: .8em;
	color: #fff !important;
	padding-left: 15px;
	text-decoration: none;
}


/***************************************************
* HEADER ( USER PANEL )
***************************************************/

a.btn_abonner_ecole
{
	height: 64px;
	width: 312px;
	display: block;
	position: relative;
	margin-top: 40px;
	background: transparent url( '../images/general_layout/btn_abonner_mon_ecole.gif' ) top left no-repeat;
}

a.btn_abonner_ecole:hover
{
	background-position: left -64px;
}
a.btn_abonner_ecole span
{
	display: none;
}

a.btn_identifiez_vous
{
	height: 53px;
	width: 312px;
	display: block;
	position: relative;
	margin-top: 8px;
	background: transparent url( '../images/general_layout/btn_identifiez_vous.gif' ) top left no-repeat;
}

a.btn_identifiez_vous:hover
{
	background-position: left -53px;
}
a.btn_identifiez_vous span
{
	display: none;
}

div.user_panel
{
	height: 43px;
	width: 262px;
	display: block;
	position: relative;
	margin-top: 8px;
	background: transparent url( '../images/general_layout/user_info_panel.gif' ) top left no-repeat;
	padding-left: 60px;
	padding-top: 10px;
	font-size: 90%;
	line-height: 140%;
}


div.btn_creer_compte
{
	width: 306px;
	height: 18px;
	display: block;
	position: relative;
	margin-left: 3px;
	margin-top: 8px;
	padding-top: 5px;
	padding-left: 14px;
	color: #000;
	font-size: 10px;
	background: transparent url( '../images/general_layout/creer_compte_bg.gif' ) top left no-repeat;
}

div.btn_creer_compte a
{
	color: #000;
}
div.btn_creer_compte p
{
	margin: 0;
	padding-left: 15px;
	padding-top: 1px;
}


/***************************************************
* GENERAL ELEMENTS
***************************************************/
div.content
{
	font-size: .9em;
}


h2
{
	font-size: 1.3em;
	font-weight: bold;
}

h3
{
	margin-top: 20px;
	color: #159ce3;
	font-size: 1.2em;
	font-weight: bold;
}

h5
{
	margin-top: 20px;
	color: #000;
	font-size: 1.0em;
	font-weight: bold;
}

h4
{
	margin-top: 20px;
	color: #159ce3;
	font-size: 1.0em;
	font-weight: bold;
}

p
{
	margin: 10px 0;
}

ul
{
	margin: 10px 0;
}

*.with_arrow
{
	background: transparent url( '../images/icons/bullet_arrow_orange.gif' ) top left no-repeat;
	background-position: left 4px;
	padding-left: 15px;
}

ul.with_arrow
{
	background: none;
	padding-left: 0;
	margin
}
ul.with_arrow li
{
	background: transparent url( '../images/icons/bullet_arrow_orange.gif' ) top left no-repeat;
	background-position: left 4px;
	padding-left: 15px;	
}

*.with_blackarrow
{
	background: transparent url( '../images/icons/bullet_arrow_black.gif' ) top left no-repeat;
	background-position: left 4px;
	padding-left: 15px;
}

ul.with_blackarrow
{
	background: none;
	padding-left: 0;
}
ul.with_blackarrow li
{
	background: transparent url( '../images/icons/bullet_arrow_black.gif' ) top left no-repeat;
	background-position: left 4px;
	padding-left: 15px;
}

/*ul.with_arrow li a, ul.with_arrow li a:visited{color:#ff5b00;}
      ul.with_arrow li a:hover{color:#000;}
*/


hr
{
	background: transparent url( '../images/icons/hr_stripe.gif' ) top left repeat-x;
	border: 0 !important;
	height: 1px;
	margin: 0;
}

p.more_detail
{
	margin: 0;
	text-align: right;
	padding-bottom: 2px;
	font-size: .9em;
	font-weight: bold;
	margin-right: 4px;
}

.black_arrow
{
	text-decoration: none;
	background: transparent url( '../images/icons/bullet_arrow_black.gif' ) top left no-repeat;
	background-position: left 2px;
	padding-left: 10px;
	color: #4c4c4c;
}


/***************************************************
* CUSTOM ELEMENT
***************************************************/

h1.txtimage
{
	display: none;
}




/***************************************************
* Les bannières vers documents PDFS
***************************************************/


a.screendoc_l_analyse_biomedicale
{
	background: transparent url( '../images/documents_screencast/l_analyse_biomedicale.jpg' ) top left no-repeat;
	height: 77px;
	width: 544px;
	display: block;
}
a.screendoc_l_analyse_biomedicale span
{
	display: none;
}
a.screendoc_l_analyse_biomedicale:hover
{
	background-position: left -77px;
}


a.screendoc_le_projet_municipal
{
	background: transparent url( '../images/documents_screencast/le_projet_municipal.jpg' ) top left no-repeat;
	height: 75px;
	width: 544px;
	display: block;
}
a.screendoc_le_projet_municipal span
{
	display: none;
}
a.screendoc_le_projet_municipal:hover
{
	background-position: left -75px;
}


a.screendoc_consignation_resultats
{
	background: transparent url( '../images/documents_screencast/consignation_resultats.jpg' ) top left no-repeat;
	height: 75px;
	width: 545px;
	display: block;
}
a.screendoc_consignation_resultats span
{
	display: none;
}
a.screendoc_consignation_resultats:hover
{
	background-position: left -77px;
}



a.screendoc_trois_competences
{
	background: transparent url( '../images/documents_screencast/trois_competences_au_2e_cycle.jpg' ) top left no-repeat;
	height: 77px;
	width: 544px;
	display: block;
}
a.screendoc_trois_competences span
{
	display: none;
}
a.screendoc_trois_competences:hover
{
	background-position: left -77px;
}


a.screendoc_list_SAE
{
	background: transparent url( '../images/documents_screencast/liste_comm_SAE.jpg' ) top left no-repeat;
	height: 75px;
	width: 544px;
	display: block;
}
a.screendoc_list_SAE span
{
	display: none;
}
a.screendoc_list_SAE:hover
{
	background-position: left -77px;
}





/***************************************************
* Second Cols POD
***************************************************/

div.pod
{
	margin: 2px 20px;
	font-size: .9em;
	padding-bottom: 2px;
	padding-top: 3px;
	background: transparent url( '../images/icons/hr_stripe.gif' ) bottom left repeat-x;
}

div.lastone
{
	background: none;
}
div.pod hr
{
	display: none;
}

div.pod a, .greentext a
{
	color: #7da500;
}
div.pod a:visited, .greentext a:visited
{
	color: #a8e000;
}
div.pod a:hover, .greentext a:hover
{
	color: #000000;
}


div.pod p.more_detail
{
	text-align: left;
	padding-bottom: 5px;
	font-size: .9em;
	font-weight: bold;
	margin-right: 4px;
	margin-left: 15px;
}

div.votepod
{
	background: #e3f8fc url( '../images/general_layout/second_col_end.gif' ) bottom left no-repeat;
	width: 290px;
	margin-left: 3px;
	margin-top: 4px;
	padding-bottom: 10px;
	padding-top: 3px;
	padding-left: 15px;
	font-size: 10px;
}

* html div.votepod
{
	margin-left: 18px;
}


div.votepod li
{
	margin-top: 6px;
	padding-top: 2px;
}


/***************************************************
* LOGIN PANEL
***************************************************/

table.login_panel2
{
	width: 556px;
	border: 3px solid #a6d03f;
	background: #edf6d8;
}

table.login_panel2 td.forcaption
{
	height: 33px;
	vertical-align: top;
}
table.login_panel2 div.caption
{
	background: transparent url( '../images/login_panel/caption.jpg' ) top left no-repeat;
	height: 33px;
	position: absolute;
	width: 556px;
	margin-top: -7px;
	margin-left: -17px;
}
table.login_panel2 .caption span
{
	display: none;
}


table.login_panel2 td
{
	vertical-align: top;
	padding: 4px 14px;
}

table.login_panel2 td label
{
	font-weight: bold;
}

img.login_prof
{
	position: absolute;
	margin-top: -159px;
	margin-left: 440px;
}
table.login_panel2 input
{
	width: 160px;
	float: left;
}

* html img.login_prof
{
	margin-top: -166px;
}

a.btn_valider
{
	width: 107px;
	height: 26px;
	float: left;
	position: relative;
	display: block;
	margin-left: 10px;
	margin-top: -18px;
	background: transparent url( '../images/login_panel/btn_valider.gif' ) top left no-repeat;
}
a.btn_valider span
{
	display: none;
}
a:hover.btn_valider
{
	background-position: left -26px;
}

div.moreloginoption
{
	margin-top: 5px;
	margin-left: 140px;
	font-size: 80%;
}
/***************************************************
* ÉLÉMENTS TEMPORAIRES
***************************************************/


div.tmp_top
{
	background: transparent url( '../images/tmp_top.jpg' ) top left no-repeat;
	height: 269px;
	display: block;
	background-position: -78px top;
}

div.tmp_legs
{
	background: transparent url( '../images/tmp_legs.jpg' ) top left no-repeat;
	background-position: -2px top;
	height: 75px;
	display: block;
}




/***************************************************
* MON CAHIER DE SAE (CLASSEUR DE CONCEPTS)
***************************************************/

div.cahier_imprimable
{
	background: transparent url( '../images/classeur_right_bg.gif' ) top left repeat-y;
	background-position: 560px top;
	clear: both;
	width: 100%;
}



table.classeur
{
	border-top: 1px solid #c7e3f1;
	width: 887px;
	margin-bottom: 40px;
}

table.classeur caption
{
	background: #fff url( '../images/tableau_competences/caption.gif' ) top left no-repeat;
	padding: 5px 0 7px 30px;
	margin-bottom: 2px;
	color: #fff;
	font-size:120%;
	font-weight: bold;
	line-height:14px;
}


table.classeur td.categorie
{
	background: #e9f4f9;
	width: 125px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
	text-align: center;
	border-bottom: 1px solid #c7e3f1;
}

strong
{
	font-weight: bold;
}


table.classeur td.concept
{
	border-bottom: 1px solid #c7e3f1;
	border-right: none;
	padding: 10px;
}
table.classeur td.situation
{
	background: #eef7fb;
	width: 306px;
	padding: 10px;
	vertical-align: middle;
	border-bottom: 1px solid #c7e3f1;
	border-width: 1px 0;
}

table.classeur td.situation li
{
	margin: 0;
	padding: 0;
	border: 1px solid #eef7fb;
}

table.classeur td.situation li a
{
	padding: 4px 0 4px 25px;
	padding-left: 25px;
	background: transparent top left no-repeat;
	background-position: left 2px;
	display: block;
}

table.classeur td.situation li.c1 a
{
	background-image: url( '../images/tableau_competences/mini_c1.gif' ) !important;
}
table.classeur td.situation li.c2 a
{
	background-image: url( '../images/tableau_competences/mini_c2.gif' ) !important;
}
table.classeur td.situation li.c3 a
{
	background-image: url( '../images/tableau_competences/mini_c3.gif' ) !important;
}

table.classeur td.situation li.finalrelease a
{
	background-image: url( '../images/icons/check_icon.gif' ) !important;
}

h1.classement_competences
{
	background: transparent url( '../images/tmp_title_competences.gif' ) top left no-repeat;
	width: 533px;
	height: 41px;
	display: block;
}
h1.classement_competences span
{
	display: none;
}
table.classeur th {text-align:center;padding:3px 0;}
table.classeur th strong{font-size:140%;font-weight:bold;}

td.etape1, td.etape2, td.etape3, td.etape4 {	
	border:1px solid #C7E3F1;		
	background:#fff;
	vertical-align:top;
	width:25%;
}


td.etape1 ul li, td.etape2 ul li , td.etape3 ul li, td.etape4 ul li{
	list-style:disc;
	padding:3px 0;
	margin-left:20px;
}



/***************************************************
*   LE RENOUVEAU EXPLIQUÉ ( Accueil Et Icons générales ) 
***************************************************/

ul.accordion
{
	margin: 0;
	padding: 0;
	width: 500px;
}

ul.accordion li
{
	margin: 0;
	padding: 0;
	background: transparent url( '../images/general_layout/accordion_bg.gif' ) top left repeat-x;
	margin-top: 5px;
}

ul.accordion li a
{
	position: relative;
	width: 460px;
	border: 1px solid #fff;
	display: block;
}


ul.accordion ul
{
	margin-top: 20px;
}
ul.accordion li li
{
	background: none;
	border: 0;
}
ul.accordion li li:hover
{
	border: 0;
}


.icon, a.icon, a.icon:visited
{
	font-weight: bold;
	text-decoration: none;
	color: #000;
	padding-top: 10px;
	padding-left: 40px;
	height: 22px;
	width: 460px;
}

a.icon:hover
{
	border: 1px solid #d3ebf7;
}


.icon_plus
{
	background: transparent url( '../images/icons/plus.gif' ) 10px 8px no-repeat;
}
.icon_crayon
{
	background: transparent url( '../images/icons/crayon.gif' ) 10px 8px no-repeat;
}
.icon_crochet
{
	background: transparent url( '../images/icons/crochet.gif' ) 10px 8px no-repeat;
}
.icon_lumiere
{
	background: transparent url( '../images/icons/lumiere.gif' ) 12px 4px no-repeat;
}
.icon_carnet
{
	background: transparent url( '../images/icons/carnet.gif' ) 8px 4px no-repeat;
}

.icon_calendrier
{
	background: transparent url( '../images/icons/calendrier.gif' ) 8px 4px no-repeat;
}
.icon_film
{
	background: transparent url( '../images/icons/film.gif' ) 10px 4px no-repeat;
}

.competence_c1
{
	color: #7da500;
}
.competence_c2
{
	color: #159ce3;
}
.competence_c3
{
	color: #ff6101;
}

ul.competences li.iconc1
{
	background: transparent url( '../images/icons/C1.gif' ) left top no-repeat;
	padding-left: 30px;
	margin-left: 20px;
	padding-bottom: 5px;
}

ul.competences li.iconc2
{
	background: transparent url( '../images/icons/C2.gif' ) left top no-repeat;
	padding-left: 30px;
	margin-left: 20px;
	padding-bottom: 5px;
}

ul.competences li.iconc3
{
	background: transparent url( '../images/icons/C3.gif' ) left top no-repeat;
	padding-left: 30px;
	margin-left: 20px;
	padding-bottom: 5px;
}



/***************************************************
*   LE RENOUVEAU EXPLIQUÉ ( Avantages et fondement de la réforme ) 
***************************************************/

ol.chiffre_vert
{
	list-style: none;
	margin: 0;
	padding: 0;
}

ol.chiffre_vert li
{
	padding: 10px 10px 10px 70px;
	background: transparent url( '../images/icons/hr_stripe.gif' ) bottom left repeat-x;
	color: #6e9502;
}

ol.chiffre_vert li.odd
{
	background: #fafafa url( '../images/icons/hr_stripe.gif' ) bottom left repeat-x;
}

ol.chiffre_vert li p
{
	margin-top: 0;
}

div.chiffre1
{
	position: absolute;
	margin-top: 5px;
	margin-left: -60px;
	width: 47px;
	height: 60px;
	background: transparent url( '../images/icons/gros1.gif' ) top left no-repeat;
}


div.chiffre2
{
	position: absolute;
	margin-top: 5px;
	margin-left: -60px;
	width: 47px;
	height: 60px;
	background: transparent url( '../images/icons/gros2.gif' ) top left no-repeat;
}




div.chiffre3
{
	position: absolute;
	margin-top: 5px;
	margin-left: -60px;
	width: 47px;
	height: 60px;
	background: transparent url( '../images/icons/gros3.gif' ) top left no-repeat;
}




div.chiffre4
{
	position: absolute;
	margin-top: 5px;
	margin-left: -60px;
	width: 47px;
	height: 60px;
	background: transparent url( '../images/icons/gros4.gif' ) top left no-repeat;
}



ol.chiffre_vert strong
{
	font-size: 1.3em;
}

/***************************************************
* LES ÉCUSSONS ( C1 C2 C3 )
***************************************************/

div.ecussonC1
{
	background: transparent url( '../images/design_elements/C1.gif' ) top left no-repeat;
	position: absolute;
	width: 113px;
	height: 107px;
	margin-top: -20px;
	margin-left: -140px;
}

div.ecussonC2
{
	background: transparent url( '../images/design_elements/C2.gif' ) top left no-repeat;
	position: absolute;
	width: 113px;
	height: 107px;
	margin-top: -37px;
	margin-left: -140px;
}


div.ecussonC3
{
	background: transparent url( '../images/design_elements/C3.gif' ) top left no-repeat;
	position: absolute;
	width: 113px;
	height: 107px;
	margin-top: -37px;
	margin-left: -140px;
}


.couleur_bleu
{
	color: #1681b8;
}
.couleur_jaune
{
	color: #d5bb00;
}
.couleur_rouge
{
	color: #b20c0c;
}
.couleur_orange
{
	color: #ff520a;
}
.couleur_vert
{
	color: #74ac4b;
}



/***************************************************
* LE FILS D'ARIANE DES COMPÉTENCES
***************************************************/

div.fils_ariane
{
	display: none;
}
/*
div.fils_ariane{
    position:absolute;
    margin-top:-20px;width:auto;
    background:transparent url('../images/design_elements/fils_ariane_corner_gauche.gif') top left no-repeat;
    padding-left:8px;
    height:20px;
    display:block;	
}

* html div.fils_ariane{width:500px;}
div.fils_ariane div.content{background:#8fccee;height:16px;color:#fff;font-size:.8em;padding-top:4px;width:auto;}
div.fils_ariane div.content a{color:#fff;}

div.fils_ariane div.end
{
	width:auto;
    background:transparent url('../images/design_elements/fils_ariane_corner_droite.gif') top right no-repeat;
    padding-right:8px;
    height:20px;
}*/

/***************************************************
* PAGES D'ACTIVITÉS ( STYLE GÉNÉRAL )
***************************************************/
.textCahier
{
	font-size: 14px;
	padding-left: 10px;
}

img.icon_description
{
	position: relative;
	top: 5px;
	margin-left: 5px;
}
img.icon_imprimante
{
	position: relative;
	top: 5px;
	margin-left: 5px;
}
img.cadenas
{
	position: relative;
	float: left;
}
div.box_avertissement
{
	border: 2px solid #f5f5f5;
	background: #fff;
	font-size: .8em;
	margin-top: 10px;
	padding: 5px 10px;
}
div.box_granted
{
	border: 2px solid #f5f5f5;
	background: #fff;
	font-size: .8em;
	margin-top: 10px;
	padding: 5px 10px;
}
div.box_red
{
	border: 2px solid #ffbdbd;
}
div.box_avertissement ul
{
	margin: 0;
}

div.box_avertissement li
{
	margin-bottom: 2px;
	margin-left: 24px;
}
div.box_avertissement img
{
	position: relative;
	margin-right: 5px;
	top: 2px;
	margin-left: -24px;
}

ul.to_download
{
	margin-top: 20px;
	margin-left: 12px;
}
ul.to_download li
{
	padding-left: 30px;
	background: transparent url( '../images/icons/consulter.gif' ) top left no-repeat;
	padding-bottom: 4px;
}


ul.to_download li a
{
	color: #000;
	font-weight: bold;
}

ul.to_download2
{
	margin-top: 20px;
	margin-left: 12px;
}
ul.to_download2 li
{
	padding-left: 10px;
	padding-bottom: 4px;
}


ul.to_download2 li a
{
	color: #000;
	font-weight: bold;
}


.secondCol div.ecussonC1
{
	background: transparent url( '../images/icons/C1_situation.gif' ) top left no-repeat;
	position: absolute;
	width: 109px;
	height: 113px;
	margin-top: -32px;
	margin-left: -140px;
	display: block;
}



.secondCol div.ecussonC2
{
	background: transparent url( '../images/icons/C2_situation.gif' ) top left no-repeat;
	position: absolute;
	width: 109px;
	height: 113px;
	margin-top: -32px;
	margin-left: -140px;
}


.secondCol div.ecussonC3
{
	background: transparent url( '../images/icons/C3_situation.gif' ) top left no-repeat;
	position: absolute;
	width: 109px;
	height: 113px;
	margin-top: -32px;
	margin-left: -140px;
}

h3.resume_trois_comptences
{
	background: transparent url( '../images/documents_images/trois_competences_titre.gif' ) top left no-repeat;
	width: 555px;
	height: 79px;
	margin-bottom: 20px;
}

h3.comm_evaluation
{
	background: transparent url( '../images/documents_images/comm_evaluation.gif' ) top left no-repeat;
	width: 555px;
	height: 65px;
	margin-bottom: 20px;
}

h3.doc_pratique_evaluation_resultats
{
	background: transparent url( '../images/documents_images/consignation_resultats.gif' ) top left no-repeat;
	width: 555px;
	height: 65px;
	margin-bottom: 20px;
}

h3.resume_trois_comptences span, h3.comm_evaluation span
{
	display: none;
}
img.resume_trois_comptences
{
	margin-top: 40px;
	margin-left: 10px;
}
img.resume_trois_comptences2
{
	margin-top: 10px;
	margin-left: 10px;
}
img.liste_comm_evaluation
{
    margin-top: 10px;
	margin-left: 30px;
}

img.liste_doc_pratique_evaluation_resultats
{
    margin-top: 10px;
	margin-left: 30px;
}

div.nav_prev
{
	float: left;
}
div.nav_next
{
	float: right;
}
/***************************************************
* Skin des situation
***************************************************/

div.CahierImprimableMore
{
	display: block;
}


/* Le projet Municipal */
h3.le_projet_municipal
{
	background: transparent url( '../images/documents_images/le_projet_municipal_titre.gif' ) top left no-repeat;
	width: 399px;
	height: 73px;
	margin-bottom: 20px;
}
h3.le_projet_municipal span
{
	display: none;
}

img.le_projet_municipal
{
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom:30px;
}



/* La mission */
h3.la_mission
{
	background: transparent url( '../images/documents_images/la_mission_titre.gif' ) top left no-repeat;
	width: 204px;
	height: 92px;
	margin-bottom: 20px;
}
h3.la_mission span
{
	display: none;
}

img.la_mission
{
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom:30px;
}


/* Le Parchemin */
h3.le_parchemin
{
	background: transparent url( '../images/documents_images/le_parchemin_titre.gif' ) top left no-repeat;
	width: 280px;
	height: 110px;
	margin-bottom: 10px;
}
h3.le_parchemin span
{
	display: none;
}

img.le_parchemin
{
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom:30px;
}

/* Le Tourisme Spatial */
h3.le_tourisme_spatial
{
	background: transparent url( '../images/documents_images/le_tourisme_spatial_titre.gif' ) top left no-repeat;
	width: 329px;
	height: 107px;
	margin-bottom: 10px;
}
h3.le_tourisme_spatial span
{
	display: none;
}

img.le_tourisme_spatial
{
	margin-left: 70px;
	margin-top: 10px;
	margin-bottom:40px;
}


/* L'article statistique */
h3.l_article_statistique
{
	background: transparent url( '../images/documents_images/l_article_statistique_titre.gif' ) top left no-repeat;
	width: 446px;
	height: 59px;
	margin-bottom: 10px;
}
h3.l_article_statistique span
{
	display: none;
}

img.l_article_statistique
{
	margin-left: 70px;
	margin-top: 15px;
	margin-bottom:50px;
}


/* L'analyse biomédicale */
h3.l_analyse_biomedicale
{
	background: transparent url( '../images/documents_images/l_analyse_biomedicale_titre.gif' ) top left no-repeat;
	width: 426px;
	height: 62px;
	margin-bottom: 10px;
}
h3.l_analyse_biomedicale span
{
	display: none;
}

img.l_analyse_biomedicale
{
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom:60px;
}

/* L'aire d'une figure */

h3.l_aire_dune_figure
{
	background: transparent url( '../images/documents_images/laire_dune_figure_titre.gif' ) top left no-repeat;
	width: 455px;
	height: 118px;
	margin-bottom: 10px;
}
h3.l_aire_dune_figure span
{
	display: none;
}

img.l_aire_dune_figure
{
	margin-left: 20px;
	margin-top: 100px;
}


/* Le théorème de Pythagore */

h3.le_theoreme_pythagore
{
	background: transparent url( '../images/documents_images/le_theoreme_pythagore_titre.gif' ) top left no-repeat;
	width: 430px;
	height: 132px;
	margin-bottom: 10px;
}
h3.le_theoreme_pythagore span
{
	display: none;
}

img.le_theoreme_pythagore
{
	margin-left: 40px;
	margin-top: 20px;
	margin-bottom:50px;
}

/* La construction d'un Tipi */

h3.la_construction_tipi
{
    position:relative;
	background: transparent url( '../images/documents_images/la_construction_tipi_titre.gif' ) top left no-repeat;
	width: 465px;
	height: 170px;
	
	top:-40px;
}
h3.la_construction_tipi span
{
	display: none;
}

img.la_construction_tipi
{
	margin-left: 40px;
	margin-top: 20px;
	margin-bottom:50px;
}


/* Le bras mécanique */

h3.le_bras_mecanique
{   
	background: transparent url( '../images/documents_images/le_bras_mecanique_titre.gif' ) top left no-repeat;
	width: 436px;
	height: 132px;
    margin-bottom: 10px;
}

h3.le_bras_mecanique span
{
	display: none;
}

img.le_bras_mecanique
{
	margin-left: 40px;
	margin-top: 20px;
	margin-bottom:50px;
}



/* La piscine de Mathieu */

h3.la_piscine_Mathieu
{   
	background: transparent url( '../images/documents_images/la_piscine_Mathieu_titre.gif' ) top left no-repeat;
	width: 433px;
	height: 100px;
    margin-bottom: 10px;
}

h3.la_piscine_Mathieu span
{
	display: none;
}

img.la_piscine_Mathieu
{
	margin-left: 40px;
	margin-top: 20px;
	margin-bottom:50px;
}


/* Le nouvel élève */

h3.le_nouvel_eleve
{   
	background: transparent url( '../images/documents_images/le_nouvel_eleve_titre.gif' ) top left no-repeat;
	width: 408px;
	height: 127px;
    margin-bottom: 10px;
}

h3.le_nouvel_eleve span
{
	display: none;
}

img.le_nouvel_eleve
{
	margin-left: 40px;
	margin-top: 20px;
	margin-bottom:50px;
}

/* La location d'une voiture */

h3.location_voiture
{   
	background: transparent url( '../images/documents_images/location_voiture_titre.gif' ) top left no-repeat;
	width: 377px;
	height: 114px;
    margin-bottom: 10px;
}

h3.location_voiture span
{
	display: none;
}

img.location_voiture.gif
{
	margin-left: 40px;
	margin-top: 20px;
	margin-bottom:50px;
}

/* L'échange au Hockey */

h3.lechange_au_hockey
{   
	background: transparent url( '../images/documents_images/lechange_au_hockey.gif' ) top left no-repeat;
	width: 407px;
	height: 112px;
    margin-bottom: 10px;
}

h3.lechange_au_hockey span
{
	display: none;
}

img.lechange_au_hockey.gif
{
	margin-left: 40px;
	margin-top: 20px;
	margin-bottom:50px;
}


/* Le dessin de la boîte */

h3.le_dessin_boite
{   
	background: transparent url( '../images/documents_images/le_dessin_boite_titre.gif' ) top left no-repeat;
	width: 402px;
	height: 107px;
    margin-bottom: 10px;
}

h3.le_dessin_boite span
{
	display: none;
}

img.le_dessin_boite.gif
{
	margin-left: 40px;
	margin-top: 20px;
	margin-bottom:50px;
}


/* Les nombres périodiques */

h3.les_nombres_periodiques
{
    background: transparent url( '../images/documents_images/les_nombres_periodiques.gif') top left no-repeat;
	width: 452px;
	height: 109px;
    margin-bottom: 10px;    
}

h3.les_nombres_periodiques span
{
    display:none;
}

img.les_nombres_periodiques
{
}



/* L'air d'un polygone */

h3.laire_dun_polygone
{
    background: transparent url( '../images/documents_images/laire_dun_polygone.gif') top left no-repeat;
	width: 432px;
	height: 48px;
    margin-bottom: 10px;    
}

h3.laire_dun_polygone span
{
    display:none;
}

img.laire_dun_polygone
{
}

/* L'analyse des cellulaires*/

h3.analyse_des_cellulaires
{
    background: transparent url( '../images/documents_images/lanalyse_des_cellulaires.gif') top left no-repeat;
	width: 432px;
	height: 160px;
    margin-bottom: 10px;    
}

h3.analyse_des_cellulaires span
{
    display:none;
}

img.analyse_des_cellulaires
{
}

/*les expressions algébriques*/

h3.les_expressions_algebriques
{
    background: transparent url( '../images/documents_images/les_expressions_algebriques.gif') top left no-repeat;
	width: 432px;
	height: 130px;
    margin-bottom: 10px;    
}

h3.les_expressions_algebriques span
{
    display:none;
}

img.les_expressions_algebriques
{
}


/*la multiplication d'un monome*/

h3.la_multiplication_dun_monome
{
    background: transparent url( '../images/documents_images/la_multiplication_dun_monome.gif') top left no-repeat;
	width: 432px;
	height: 130px;
    margin-bottom: 10px;    
}

h3.la_multiplication_dun_monome span
{
    display:none;
}

img.la_multiplication_dun_monome
{
}

/*histoire de triangles*/

h3.histoire_de_triangle
{
    background: transparent url( '../images/documents_images/histoire_de_triangles.gif') top left no-repeat;
	width: 432px;
	height: 140px;
    margin-bottom: 10px;    
}

h3.histoire_de_triangle span
{
    display:none;
}

img.histoire_de_triangle
{
}



/*comettre le carre d'un impair*/

h3.comettre_le_carre_dun_impair
{
    background: transparent url( '../images/documents_images/commettre_carre.gif') top left no-repeat;
	width: 432px;
	height: 130px;
    margin-bottom: 10px;    
}

h3.comettre_le_carre_dun_impair span
{
    display:none;
}

img.comettre_le_carre_dun_impair
{
}



/*sensibilisation trompeuse*/

h3.sensibilisation_trompeuse
{
    background: transparent url( '../images/documents_images/sensibilisation_trompeuse.jpg ') top left no-repeat;
	width: 432px;
	height: 185px;
    margin-bottom: 10px;    
}

h3.sensibilisation_trompeuse span
{
    display:none;
}

img.sensibilisation_trompeuse
{
}









/* la multiplication algébrique*/

h3.la_multiplication_algebrique
{
    background: transparent url( '../images/documents_images/la_multiplication_algebrique.gif') top left no-repeat;
	width: 432px;
	height: 120px;
    margin-bottom: 10px;    
}

h3.la_multiplication_algebrique span
{
    display:none;
}

img.la_multiplication_algebrique
{
}




/* L'hexagone régulier*/

h3.hexagone_regulier
{
    background: transparent url( '../images/documents_images/lhexagone_regulier.gif') top left no-repeat;
	width: 432px;
	height: 80px;
    margin-bottom: 10px;    
}

h3.hexagone_regulier span
{
    display:none;
}

img.hexagone_regulier
{
}




/* La divison algébrique */

h3.la_division_algebrique
{
    background: transparent url( '../images/documents_images/la_division_algebrique.gif') top left no-repeat;
	width: 439px;
	height: 74px;
    margin-bottom: 10px;    
}

h3.la_division_algebrique span
{
    display:none;
}

img.la_division_algebrique
{
}

/* Le prix des logements */

h3.le_prix_des_logements
{
    background: transparent url( '../images/documents_images/le_prix_des_logements.gif') top left no-repeat;
	width: 441px;
	height: 75px;
    margin-bottom: 10px;    
}

h3.le_prix_des_logements span
{
    display:none;
}

img.le_prix_des_logements
{
}


/* la multiplication de variables */

h3.la_multiplication_de_variables
{
    background: transparent url( '../images/documents_images/la_multiplication_de_variables.gif') top left no-repeat;
	width: 434px;
	height: 111px;
    margin-bottom: 10px;    
}

h3.la_multiplication_de_variables span
{
    display:none;
}

img.la_multiplication_de_variables
{
}



/* la propriete des exposants */

h3.la_propriete_des_exposants
{
    background: transparent url( '../images/documents_images/la_propriete_des_exposants.gif') top left no-repeat;
	width: 448px;
	height: 178px;
    margin-bottom: 10px;    
}

h3.la_propriete_des_exposants span
{
    display:none;
}

img.la_propriete_des_exposants
{
}




















/***************************************************
* MISC : LARGE GRADIENT TEXT BOX & BULLE REFERENCE
***************************************************/

div.textbox_large
{
	margin: 10px 0;
	background: transparent url( '../images/large_gradient_boxe.gif' ) bottom left no-repeat;
	width: 838px;
	padding: 5px 20px;
	font-size: .9em;
}


div.textbox_large li
{
	padding-left: 25px;
	padding-bottom: 8px;
}
div.textbox_large li.note
{
	background: transparent url( '../images/icons/notes_warning.gif' ) top left no-repeat;
}

div.reference
{
	position: relative;
	margin: 5px 0;
	background: transparent url( '../images/general_layout/bulle_reference_on_white.gif' ) bottom left no-repeat;
	width: 232px;
	padding: 5px 20px 30px 20px;
	font-size: .9em;
}

div.reference strong
{
	color: #159ce3;
}

* html div.reference
{
	left: 10px;
}



/* Module Poser une question à Aude  */
div.with_aude
{
	top: 70px !important;
	margin-bottom: 220px;
	background: transparent url( '../images/general_layout/bulle_reference_on_white.gif' ) bottom left no-repeat;
}

a.pointintegoration
{
	background: transparent url( '../images/icons/point_interogation.gif' ) top left no-repeat;
	display: block;
	color: #e88308;
	text-decoration: none;
}

a:hover.pointintegoration
{
	color: #e88308 !important;
	text-decoration: underline;
}

a.pointintegoration span
{
	display: block;
	padding-left: 25px;
	color: #e88308;
}
img.aude2
{
	position: absolute;
	margin-left: 160px;
	margin-top: -100px;
}


/***************************************************
* MonCahier.aspx
***************************************************/
.with_margin
{
	margin: 40px,0px,40px,40px;
}


/***************************************************
* MISC : LIENS MINI-DICTIONNAIRE ET AUTRES
***************************************************/

a.minidic
{
	text-decoration: none;
	border-bottom: 1px dashed #ff6c00;
	color: #ff6c00;
}
a:hover.minidic
{
	text-decoration: none;
	border-bottom: 1px dashed #000;
	color: #000;
}

/***************************************************
* PAGE ABONNER MON ÉCOLE ET IMPRIMER LE CAHIER
***************************************************/

table.abonnement_panel
{
	width: 556px;
	border: 3px solid #ff841f;
	background: #ffe7d3;
}

table.abonnement_panel td.forcaption
{
	height: 33px;
	vertical-align: top;
}
table.abonnement_panel div.caption
{
	background: transparent url( '../images/abonnements/caption.jpg' ) top left no-repeat;
	height: 33px;
	position: absolute;
	width: 556px;
	margin-top: -7px;
	margin-left: -17px;
}
table.abonnement_panel .caption span
{
	display: none;
}


table.abonnement_panel tr td
{
	vertical-align: top;
	padding: 4px 14px;
}

table.abonnement_panel td label
{
	margin: 5px 0 1px 0;
	float: left;
	padding-right: 5px;
}
table.abonnement_panel td label span
{
	font-weight: bold;
}
table.abonnement_panel td input
{
	float: right;
	margin: 3px 0;
	padding: 1px 5px;
}

table.abonnement_panel td select
{
    float: right;
	margin: 3px 0;
}
    

.centpourcent
{
	width: 100%;
}

img.ecole_icon
{
	position: absolute;
	margin-top: -100px;
}


table.abonnement_panel tr.lighter td
{
	background: #fff3e9;
}



table.calculator
{
	background: #fff3e9;
	font-size: 80%;
	float: left;
}

tr.bgblanc td
{
	background: #fff;
}

div.btn_panel
{
	float: right;
	margin-top: 40px;
}


a.btn_imprimer
{
	position: relative;
	width: 115px;
	height: 26px;
	display: block;
	background: transparent url( '../images/abonnements/btn_imprimer.gif' ) top left no-repeat;
	margin-bottom: 4px;
	margin-left: 92px;
}
a.btn_imprimer span
{
	display: none;
}

a:hover.btn_imprimer
{
	background-position: left -26px;
}

a.btn_envoyer_soumission
{
	position: relative;
	width: 207px;
	height: 26px;
	display: block;
	background: transparent url( '../images/abonnements/btn_envoyer_soumission.gif' ) top left no-repeat;
}
a.btn_envoyer_soumission span
{
	display: none;
}

a:hover.btn_envoyer_soumission
{
	background-position: left -26px;
}



/***************************************************
* LES BANNIERES 
***************************************************/

div.ban_renouveau_explique
{
    background: transparent url( '../images/bannieres/ban_renouveau_explique.jpg') top left no-repeat;
    width:601px;
    height:196px;
    position:relative;
    float:left;
}


div.ban_accueil
{
    background: transparent url( '../images/bannieres/ban_accueil.gif') top left no-repeat;
    width:601px;
    height:216px;
    position:absolute;
    float:left;
    background-position:40px top;
}


div.ban_mon_cahier_imprimable
{
    background: transparent url( '../images/bannieres/ban_mon_cahier_imprimable.gif') top left no-repeat;
    width:572px;
    height:218px;
    position:absolute;   
}

div.ban_contactez_nous
{
    background: transparent url( '../images/bannieres/ban_contactez_nous.gif') top left no-repeat;
    width:195px;
    height:196px;
    position:relative;
    float:left;
}