html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
strike, sub, sup, tt, var,
u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, textarea {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
	text-decoration:none;
    /*font-family: Arial, Helvetica, Verdana;*/
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:11px;
}

* {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color:#505050;
}


img {
    border: 0;
    vertical-align:center;
}

body {
    background:#ffffff url('../imgs/tpl/bg-page.jpg') center top no-repeat;
}

ol, ul { list-style: none; }

a, a:hover {
    color:#f7bd1f;
    font-size:11px;
    text-decoration:none;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

.forcing_absolute {
    position:relative;
}

.button {
    cursor:pointer;
}

.end_container {
    clear: both;
    visibility:hidden;
}

#container_page {
    width:100%;
    height:auto;
}

#page {
    position:relative;
    width:982px;
    text-align:left;
    margin-top:0px;
}

/* -------------- */
/* HEADER */

#header {
    position:relative;
    width:100%;
    height:249px;
    background:#ffffff url('../imgs/tpl/scolaires/header.jpg') left top no-repeat;
}

#header .logo, #header .logo:hover {
    position:absolute;
    display:block;
    width:125px;
    height:125px;
    top:6px;
    left:7px;
    background:transparent url('../imgs/tpl/scolaires/logo-header.gif') left top no-repeat;
    text-indent:-2000px;
}

#header .logo_c21, #header .logo_c21:hover {
    position:absolute;
    display:block;
    width:112px;
    height:111px;
    top:18px;
    right:12px;
    background:transparent url('../imgs/tpl/logo-c21.gif') left top no-repeat;
    text-indent:-2000px;
}

#search {
    position:absolute;
    width:249px;
    height:20px;
    top:8px;
    left:215px;
    background:transparent url('../imgs/tpl/scolaires/bg-recherche.gif') left top no-repeat;
}

#search .input_search {
    float:left;
    margin:3px 14px 0px 14px;
    padding:0px;
    width:200px;
    height:14px;
    border:0;
    font-size:11px;
    color:#756665;
}

#search .submit_search {
    float:left;
    margin:3px 0px 0px 0px;
    padding:0px;
    width:14px;
    height:14px;
    border:0;
    background-color:transparent;
    cursor:pointer;
    text-indent:-2000px;
}

#tools {
    position:absolute;
    width:255px;
    height:20px;
    top:8px;
    left:513px;
}

#tools .sep {
    margin:0px 10px 0px 10px;
}

#tools a, #tools a:hover {
    color:#525151;
}

#tools .toolsext {
    float:right;
}

#acceswebsite {
    position:absolute;
    width:249px;
    height:20px;
    top:40px;
    left:215px;
}

#acceswebsite select {
    border:1px solid #ffffff;
    color:#ffffff;
    background-color:transparent;
    width:70%;
    font-size:11px;
    height:18px;
}

#acceswebsite select * {
    color:#ffffff;
    background-color:#f7bd21;
}

#header .bandeau {
    position:absolute;
    width:982px;
    height:112px;
    top:137px;
    left:0px;
    z-index:1;
}

#navigation1 {
    position:absolute;
    width:630px;
    height:35px;
    top:84px;
    left:215px;
    z-index:2;
}

#navigation1 ul {
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

#navigation1 ul li {
    float:left;
    width:150px;
    padding:0px 0px 0px 0px;
    margin:0px 5px 0px 0px;
}

#navigation1 ul li a {
    display:block;
    background:transparent url('../imgs/tpl/scolaires/a0off.gif') left top no-repeat;
    font-family:Arial,Helvetica,Verdana;
    font-size:16px;
    color:#ffffff;
    font-weight:normal;
    padding:14px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

#navigation1 ul li a:hover,
#navigation1 ul li a.on, #navigation1 ul li a.on:hover {
    background:transparent url('../imgs/tpl/scolaires/a0off.gif') left top no-repeat;
    color:#8a5100;
}

#navigation2 {
    position:relative;
    width:860px;
    height:85px;
    top:137px;
    left:215px;
    z-index:3;
}

#navigation2 .nav {
    float:left;
    width:150px;
    height:85px;
    margin:0px 0px 0px 0px;
}

/* Calage spécifique navigation 1 */
#navigation1 ul li.part1_1, #navigation2 .part1_1 {width:120px;}
#navigation1 ul li.part1_2, #navigation2 .part1_2 {width:170px;}
#navigation1 ul li.part1_3, #navigation2 .part1_3 {width:170px;}
#navigation1 ul li.part1_4, #navigation2 .part1_4 {width:140px;}

#navigation2 ul ul {
    display:block;
    width:180px;
    background-color:#e08504;
    padding:20px 15px 20px 15px;
    margin:0px 0px 0px 0px;
}

#navigation2 ul ul ul {
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

#navigation2 ul ul li a {
    display:block;
    background:transparent url('') right top no-repeat;
    font-family:Arial,Helvetica,Verdana;
    font-size:12px;
    color:#ffffff;
    font-weight:normal;
    padding:0px 0px 0px 0px;
    margin:0px 0px 3px 0px;
}

#navigation2 ul ul li a:hover,
#navigation2 ul ul li a.on, #navigation2 ul ul li a.on:hover {
    background:transparent url('') right top no-repeat;
    color:#000000;
}

#navigation2 ul ul ul li a {
    display:block;
    background:transparent url('') right top no-repeat;
    font-family:Arial,Helvetica,Verdana;
    font-size:10px;
    color:#ffffff;
    font-weight:normal;
    padding:0px 0px 0px 0px;
    margin:0px 0px 3px 15px;
}

#navigation2 ul ul ul li a:hover,
#navigation2 ul ul ul li a.on, #navigation2 ul ul ul li a.on:hover {
    background:transparent url('') right top no-repeat;
    color:#00000;
}

/* -------------- */
/* ZONE GAUCHE */

#zone_gauche {
    float:left;
    width:514px;
    padding:48px 44px 10px 44px;
}

/* -------------- */
/* EN-TETE BLOC */

#entete_module {
    background-color:#f7bd1f;
    width:100%;
    margin:0px 0px 30px 0px;
}

#entete_module .zonetext {
    display:inline;
    padding:14px 10px 10px 0px;
    background-color:#ffffff;
}

#entete_module span {font-size:24px;}
#entete_module .textcolor1 {font-weight:bold;color:#505050;}
#entete_module .textcolor2 {font-weight:bold;color:#f7bd1f;}

/* -------------- */
/* ZONE DROITE */

#zone_droite {
    background:transparent url('../imgs/tpl/bg-right.jpg') left top no-repeat;
    float:left;
    width:360px;
    padding:7px 5px 10px 15px;
}

#zone_droite .toolkit {
    margin:0px 0px 10px 0px;
}
/*
#zone_droite .toolkit:hover {
    opacity :0.7;
    filter:alpha(opacity=70);
}
*/
#zone_droite .acces li {float:left;}
#zone_droite .acces li.spacing {margin-right:3px;}

#zone_droite .bloc {
    margin:5px 0px 0px 0px;
    border:1px solid #e6e6e6;
    width:358px;
}

#zone_droite #entete_module {
    background-color:transparent;
    /*background-color:#f7bd1f;*/
    width:100%;
    margin:7px 0px 7px 5px;
}

#zone_droite #entete_module .zonetext {
    display:block;
    padding:0px 0px 0px 0px;
    background-color:transparent;
}
#zone_droite #entete_module .bullet {
    display:block;
    float:left;
    width:42px;
    height:36px;
    font-size:22px;
    font-weight:normal;color:#ffffff;
    margin:-2px 0px 0px 0px;
    padding:5px 5px 5px 0px;
    background:transparent url('../imgs/tpl/scolaires/bullet-title.gif') left top no-repeat;
}

#zone_droite #domtom_select {
    background-color:transparent;
    width:90%;
    margin:7px 0px 7px 5px;
}

#zone_droite #domtom_select.select {
    border:1px solid #e6e6e6;
}

/* -------------- */
/* CARTOGRAPHIE LEGEND */

#cartographie_legend {
    margin:5px 5px 5px 5px;
}

#cartographie_legend ul {
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

#cartographie_legend li {
    float:left;
    padding:0px 0px 0px 0px;
    margin:0px 1px 1px 0px;
}

#cartographie_legend ul li a {
    display:block;
    padding:5px;
    background-color:#505050;
    color:#ffffff;
    text-align:center;
}

#cartographie_legend ul li a:hover,
#cartographie_legend ul li a.on, #cartographie_legend ul li a.on:hover {
    background-color:#f7bd1f;
}

#select_outremer {
    margin:5px 5px 5px 5px;
    position:relative;
}

#select_outremer #selecting_outremer {
    position:absolute;
    z-index:2000;
    width:329px;
    background-color:#e6e6e6;
    padding:5px 10px 5px 10px;
    border:1px solid #d0d0d0;
}

#selecting_outremer ul li a {
    display:block;
    font-family:Arial,Helvetica,Verdana;
    font-size:12px;
    color:#010101;
    font-weight:normal;
    background-color:transparent;
    padding:2px;
}

#selecting_outremer ul li a:hover,
#selecting_outremer ul li a.on, #selecting_outremer ul li a.on:hover {
    background-color:#d0d0d0;
}

/* -------------- */
/* Outils */

#outils #entete_module {
    background-color:#f7bd1f;
    width:348px;
    margin:7px 0px 7px 5px;
}

#outils #entete_module .zonetext {
    display:inline;
    padding:14px 10px 10px 0px;
    background-color:#ffffff;
}

#outils ul {
    margin:0px 20px 0px 20px
}

#outils .line {
    cursor:pointer;
    border-bottom:1px solid #e6e6e6;
    padding:0px 0px 5px 10px;
    margin:0px 0px 10px 0px;
    background:transparent url('../imgs/tpl/scolaires/li.gif') 0px 5px no-repeat;
}

#outils .line .vignette {
    float:left;
    overflow:hidden;
    width:36px;
    height:52px;
}

#outils .line .linetext {
    float:left;
    width:100%;
    color:#000000;
    font-size:16px;
    margin:0px 0px 0px 7px;
}

/* -------------- */
/* Evènement */

#evenement {
    padding:0px 0px 5px 0px;
    margin:5px 5px 10px 5px;
    background-color:#f4f4f4; 
}

#calendar {
    display:block;
}

/* -------------- */
/* Module Actualités */
/* Module Actions */

#mod_line {
    margin:30px 0px 10px 0px
}

#mod_line .line {
    cursor:pointer;
    margin:0px 0px 10px 0px;
}

#mod_line .line .vignette {
    float:left;
    overflow:hidden;
    width:80px;
    /*height:114px;*/
    height:70px;
}

#mod_line .line .vignette_default {
    float:left;
    overflow:hidden;
    width:80px;
    height:45px;
}

#mod_line .line .linetext {
    float:left;
    width:426px;
    margin:0px 0px 0px 7px;
}

#mod_line .line .linetext .titre {
    color:#000000;
    font-size:16px;
}

#mod_line .line .linetext p {margin:0px 0px 0px 0px;}
#mod_line .line .linetext .posted {font-size:10px;}
#mod_line .line .linetext .date {font-size:11px;color:#f7bd1f;}

#mod_line .line a.plus, #mod_line .line a.plus:hover{
    float:right;
    display:block;
    width:11px;
    height:11px;
    background:transparent url('../imgs/tpl/scolaires/li.gif') left top no-repeat;
    text-indent:-2000px;
}

#mod_line .line2 a.plus, #mod_line .line a.plus:hover{
    float:right;
    display:block;
    width:11px;
    height:11px;
    background:transparent url('../imgs/tpl/scolaires/li.gif') left top no-repeat;
    text-indent:-2000px;
}

#page a.linkspe, #page a.linkspe:hover{
    position:relative;
    overflow:hidden;
    padding:3px 10px 3px 11px;
    width:100%;
    height:19px;
    font-size:11px;
    background:#eeeeee url('../imgs/tpl/linkspe-right.gif') right top no-repeat;
    color:#858383;
}

/* -------------------- */
/* Module formulaire */
#tableForm legend {
    width:100%;
    display:block;
    background:#f7bd1f url('../imgs/tpl/scolaires/titre-theme-referencement_demarche.gif') right top no-repeat;
    color:#ffffff;
    font-size:14px;
    padding:5px;
    margin:15px 0px 2px 0px;
}

#tableForm .question {
    display:block;
    font-weight:normal;
    text-align:left;
    /*border-bottom:3px solid #dadbdb;*/
    color:#f7bd1f;
    font-size:12px;
    padding:10px 0px 4px 0px;
    margin:0px 0px 0px 0px;
}

#tableForm .inputText {
    background-color:#ffffff;
    border:1px solid #dadbdb;
}

#page .inputSubmit {
    background-color:#ffffff;
    font-weight:bold;
    font-size:12px;
    color:#f7bd1f;
    padding:3px;
    border:1px solid #f7bd1f;
    cursor:pointer;
}

/* -------------------- */
/* Liste */

#listFormat th {
    background-color:#f7bd1f;
    color:#ffffff;
    font-size:12px;
    text-align:center;
    padding:3px;
}

#listFormat td {
    background-color:#eeeeee;
    color:#000000;
    font-size:11px;
    text-align:left;
    padding:3px;
}

/* -------------------- */
/* Module Questionnaire */
#mod_questionnaire {
    
}

#mod_questionnaire .titreQuestionnaire {
    background:transparent url('../imgs/tpl/scolaires/titre-referencement_demarche.gif') left top no-repeat;
    width:295px;
    height:49px;
    margin:0px 0px 0px 0px;
}

#mod_questionnaire .titreTheme {
    background:#f7bd1f url('../imgs/tpl/scolaires/titre-theme-referencement_demarche.gif') right top no-repeat;
    color:#ffffff;
    font-size:14px;
    padding:5px;
    margin:25px 0px 10px 0px;
}

#mod_questionnaire .introQuestion {
    font-weight:normal;
    border-bottom:3px solid #dadbdb;
    color:#6e6e6e;
    font-size:14px;
    padding:10px 0px 4px 0px;
    margin:0px 0px 0px 0px;
}

#mod_questionnaire .titreQuestion {
    font-weight:normal;
    border-bottom:3px solid #dadbdb;
    color:#f7bd1f;
    font-size:14px;
    padding:10px 0px 4px 0px;
    margin:0px 0px 0px 0px;
}

#mod_questionnaire .reponse {
    background-color:#eeeeee;
    padding:5px 5px 10px 5px;
}

#mod_questionnaire .inputText {
    background-color:#ffffff;
    border:1px solid #dadbdb;
}

#mod_questionnaire .inputSubmit {
    background-color:#ffffff;
    font-weight:bold;
    font-size:12px;
    color:#f7bd1f;
    padding:3px;
    border:1px solid #f7bd1f;
    cursor:pointer;
}

#mod_questionnaire .barButton {
    margin-top:15px;
    padding-top:5px;
    border-top:3px solid #dadbdb;
}

#mod_questionnaire .inputSubmit:hover {
    color:#343434;
    border:1px solid #dadbdb;
}

/* -------------------- */

#page a.linkspe, #page a.linkspe:hover{
    position:relative;
    overflow:hidden;
    padding:3px 10px 2px 11px;
    width:100%;
    height:16px;
    font-size:11px;
    background:#eeeeee url('../imgs/tpl/linkspe-right.gif') right top no-repeat;
    color:#858383;
}


#page a.linkspe:hover{color:#000000;}

#page a.linkspe span {
    position:absolute;
    top:0px;
    left:0px;
    width:11px;
    height:19px;
    background:#eeeeee url('../imgs/tpl/linkspe-left.gif') left top no-repeat;
    text-indent:-2000px;
}

/* -------------- */
/* FOOTER */

#footer {
    border-top:1px solid #e6e6e6;
    padding:15px 0px 15px 0px;
    margin:5px 0px 15px 0px;
    text-align:right;
}

#footer ul {
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

#footer li {
    float:right;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 7px;
}

#footer ul li img.border {
    border:1px solid #e6e6e6;
}

/* -------------- */
/* Gestion du formatage de texte */

body.mceContentBody,
#mceContentBody {
    color: #505050;
    font-family:Arial,Helvetica,Verdana;
    font-size: 11px;
}

body.mceContentBody p,
#mceContentBody p {
    margin:12px 0px 12px 0px;
    padding:0px 0px 0px 0px;
    text-align:justify;
}

#mceContentBody hr,
body.mceContentBody hr {
	color:#2b2a2b;
	height:1px;
    line-height:1px;
    border:0;
}

#mceContentBody h1,
.titre1,
body.mceContentBody h1 {
    margin:0px 0px 10px 0px;
    font-size: 18px;
    font-weight: normal;
    color: #000000;
}

#mceContentBody h2,
.titre2,
body.mceContentBody h2 {
	margin:10px 0px 10px 0px;
    font-size: 16px;
    font-weight: normal;
    color: #969696;
}

#mceContentBody h3,
.titre3,
body.mceContentBody h3 {
    margin:10px 0px 10px 0px;
    font-size: 16px;
    font-weight: normal;
    color: #656565;
}

#mceContentBody h4,
.titre4,
body.mceContentBody h4 {
    margin:10px 0px 10px 0px;
    font-size: 12px;
    font-weight: bold;
    color: #656565;
}

#mceContentBody h5,
.titre5,
body.mceContentBody h5 {
    margin:10px 0px 10px 0px;
    font-size: 12px;
    font-weight: bold;
    color: #01a0d8;
}

#mceContentBody h6,
.titre6,
body.mceContentBody h6 {
    margin:10px 0px 10px 0px;
    font-size: 12px;
    font-weight: bold;
    color: #656565;
}

#mceContentBody .colorTexte,
.colorTexte,
body.mceContentBody .colorTexte {
    color:#f7bd1f;
}

body.mceContentBody ul,
#mceContentBody ul,
#mceContentBody ul {
	list-style: square inside;
    margin:5px 0px 5px 10px;
    padding:0px 60px 0px 0px;
}

body.mceContentBody li,
#mceContentBody li,
#mceContentBody li {
	font-size:11px;
	list-style: square inside;
	padding:0px 0px 0px 0px;
}

#mceContentBody #mod_line ul {margin:0px;padding:0px;}
#mceContentBody #mod_line .line {margin:0px 0px 10px 0px;}
#mceContentBody #mod_line .line .int {width:100%;margin:0px 0px 0px 0px;}
#mceContentBody #mod_line li { list-style: none; }

#mceContentBody a,
body.mceContentBody a {
    font-size:11px;
	text-decoration:none;
    /*font-weight:bold;*/
	color:#f7bd1f;
}

#mceContentBody a:hover,
body.mceContentBody a:hover{
    font-size:11px;
	text-decoration:none;
    /*font-weight:bold;*/
	color:#f7bd1f;
}