/* --- CONTAINERS --- */

html, body {
height: 100%;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Calibri, Tahoma, Arial, sans-serif;
font-size:14px;
}

.wrapper { 
min-height: 100%;
height: auto !important;
height: 100%;
margin: auto; 
background:#d4d5d1 url(../img/bg.png) 50% 0% no-repeat ;
}


.container-header {
width:950px;
margin:0 auto 0 auto;
min-height:205px;
position:relative;
}

.container-content{
width:950px;
margin:0 auto 0 auto;
min-height:500px;
padding-bottom:40px;
position:relative;
}

.container-content-left{
margin-left:-20px;
text-align:justify;
}

.waga4{
float:right;
margin-right:220px;
font-size:11px;
}


.waga4 a:link, .waga4 a:visited {
	color: #557888;
	text-decoration: none;	
}

.waga4 a:hover, .waga4 a:active {
	color: #557888;
	text-decoration: underline;
}

.droite{
float:right;
margin-left:20px;
margin-top:20px;
margin-bottom:20px;
}

.gauche{
float:left;
margin-right:20px;
margin-top:20px;
margin-bottom:20px;
}


/* --- INSTITUTION ---*/

.container-content-lefti{
margin-left:-30px;
background:url(../img/bulle_bleuciel.png) no-repeat;
height:250px;
width:250px;
}

.container-content-righti{
margin-left:40px;
background:#ffffff;
min-height:460px;
border:5px solid #C2DDDE;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

.container-content-righti2{
margin-left:-20px;
width:720px;
background:#ffffff;
min-height:460px;
border:5px solid #C2DDDE;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

#fam{
padding-left:35px;
}

#fo{
padding-left:35px;
}

.cadreinst{
border:5px solid #C2DDDE;
}


/* --- PEDAGOGIE --- */

.container-content-leftp{
margin-left:-30px;
background:url(../img/bulle_bleuturquoise.png) no-repeat;
height:250px;
width:250px;
}

.container-content-rightp{
margin-left:40px;
background-color:#ffffff;
min-height:460px;
border:5px solid #6ECCD8;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

.cadreped{
border:5px solid #6ECCD8;
}

/* --- ACTIVITES --- */

.container-content-lefta{
margin-left:-30px;
background:url(../img/bulle_bleu.png) no-repeat;
height:250px;
width:250px;
}

.container-content-righta{
margin-left:40px;
background-color:#ffffff;
min-height:460px;
border:5px solid #6FB0B9;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

.cadreact{
border:5px solid #6FB0B9;
}

/* --- ADMISSION --- */

.container-content-leftad{
margin-left:-30px;
background:url(../img/bulle_vert.png) no-repeat;
height:250px;
width:250px;
}

.container-content-rightad{
margin-left:40px;
background-color:#ffffff;
min-height:460px;
border:5px solid #A1D080;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}


/* --- CONTACT --- */

.container-content-leftc{
margin-left:-30px;
background:url(../img/bulle_bleufonce.png) no-repeat;
height:250px;
width:250px;
}

.container-content-rightc{
margin-left:40px;
background-color:#ffffff;
min-height:460px;
border:5px solid #557888;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

/* --- FOOTER --- */

.stretch-footer { 
margin:0;
padding:0;
background:#567989;
}


.container-footer { 
width:950px;
margin:0 auto 0 auto;
min-height:100px;
padding-top:30px;
color:#ffffff;
}

.stretch-footer2{
margin:0px;
padding:0;
height:20px;
background:#d4d5d1;
}


.links{
color:#ffffff;
font-weight:bold;
}

.separator
{
margin-top:-15px;
}


/* --- TYPOGRAPHY --- */

@font-face {
    font-family: 'Lobster14Regular';
    src: url('../fonts/lobster_1.4-webfont.eot');
    src: local(Lobster14Regular), url('../fonts/lobster_1.4-webfont86d7.eot?iefix') format('eot'), url('../fonts/lobster_1.4-webfont.woff') format('woff'), url('../fonts/lobster_1.4-webfont.ttf') format('truetype'), url('../fonts/lobster_1.4-webfont.svg#webfontdsOxnhSl') format('svg');
    font-weight: normal;
    font-style: normal;
}

.title{
padding-left:30px;
padding-top:20px;
}


h1{
font-family:"Lobster14Regular";
font-size:50px;
color:#6ECDD9;
}


h2{
font-family:"Lobster14Regular";
font-size:36px;
color:#A2D080;
padding-left:30px;
margin-top:-20px;
}

h3{
font-family:"Lobster14Regular";
font-size:26px;
color:#577989;
}

h4{
font-family:"Lobster14Regular";
font-size:22px;
color:#577989;
}

hr {
	background: #ccc;
	color: #ccc;
}

div#placeholder-logo {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: right;
}

h5, h6 {
	color: #000;
}

li{
margin-left:30px;
margin-bottom:10px;
}

ul{
list-style-image:url(../img/bullet.png);
}

strong{
color:#6ECDD9;
}

/* SECURE ZONE */
/* --------------------- */

.secure-login p{
	font-family: Calibri;
	font-size:14px;
	color:#494949;
        line-height:1px;
}

div#placeholder-nav-vert {
	text-align: right;
}

div#placeholder-search {
	background: #2D4237;
}

div#sub {
	color: #fff;
	font-size: 11px;
}	

div#placeholder-footer {
	color: #888;
	font-size: 11px;
}


/* MENU */
/* -------- */

/* Positionnement */

.submenu_pos {
margin-left:55px;
margin-top:50px;
}

.submenuac_pos {
margin-left:70px;
margin-top:65px;
}

.submenui_pos {
margin-left:55px;
margin-top:40px;
}

.submenui2_pos {
margin-left:65px;
margin-top:22px;
line-height:30px;
}

.submenup_pos {
margin-left:45px;
margin-top:45px;
}

.submenuad_pos {
margin-left:60px;
margin-top:80px;
}

.submenupo_pos {
margin-left:70px;
margin-top:40px;
}

/* Définition */

.submenu1{
font-family:"Lobster14Regular";
font-size:22px;
color:#567989;
}

.submenu2{
font-family:"Lobster14Regular";
font-size:22px;
color:#C2DDDF;
}

.submenu3{
font-family:"Lobster14Regular";
font-size:24px;
color:#567989;
}

.submenu4{
font-family:"Lobster14Regular";
font-size:24px;
color:#C2DDDF;
}



/* Effets */

h3 a:link, h3 a:visited {
font-family:"Lobster14Regular";
font-size:26px;
color:#577989;
text-decoration: none;	
}

h3 a:hover, h3 a:active {
font-family:"Lobster14Regular";
font-size:26px;
color:#577989;
text-decoration: underline;
}

.submenu1_rollover {
font-family:"Lobster14Regular";
font-size:22px;
color:#ffffff;
cursor:pointer;
}

.submenu1_selected{
font-family:"Lobster14Regular";
font-size:22px;
color:#ffffff;
}

#submenu1_item{
padding-top:8px;
line-height:20px;
}

.submenu2_rollover {
font-family:"Lobster14Regular";
font-size:24px;
color:#ffffff;
cursor:pointer;
}

.submenu2_selected{
font-family:"Lobster14Regular";
font-size:24px;
color:#ffffff;
}


td.menu-item {
	color: #fff;	
}

td.menu-item-hover {
	color: #f4eb7b;
}

td.menu-item-selected {
	color: #aff7d3;
}

td.submenu-item {
	background: #f9f9f9;
	color: #000;	
}

td.submenu-item-hover {
	background: #666;
	color: #fff;
}

td.submenu-item-selected {
	background: #000;
	color: #fff;
}



/* @group Forms */

div#placeholder-box1 {
	border-bottom: 1px solid #7A9A8A;
	padding: 18px 0 0;
}

.secure-login, .newsletter-form, .announcement-list {
	background: transparent;
	border: none;
	border-bottom: 0px solid #7A9A8A;
	margin-bottom: 18px;
	padding: 18px 0;
}

.announcement-list {
	border: none;
	padding: 0 18px;
}

.secure-login h3, .newsletter-form h3 {
	background: transparent;
	border: none;
	color: #fff;
	font-size: 12px;
	margin: 0;
	padding: 6px 18px;
}

.secure-login div.form, .newsletter-form div.form {
	padding-left: 9px;
}

div#sub input.cat_textbox_small,
div#sub select.cat_dropdown_small {
	width: 150px;
}

#placeholder-nav table td {cursor: pointer;cursor: hand; }    /* @end */

/* @group Links */

.links2 a:link, .links2 a:visited {
	color: #ffffff;
	text-decoration: none;	
       font-weight:normal;
}

.links2 a:hover, .links2 a:active {
	color: #ffffff;
	text-decoration: underline;
       font-weight:normal;
}


.links a:link, .links a:visited {
	color: #ffffff;
	text-decoration: none;	
}

.links a:hover, .links a:active {
	color: #ffffff;
	text-decoration: underline;
}
a:link, a:visited {
	color: #6ECCD8;
	text-decoration: none;	
}

a:hover, a:active {
	color: #6ECCD8;
	text-decoration: underline;
}

div#sub a {
	color: #aff7d3;
}

a#logo {
	text-decoration: none !important;
}

#placeholder-nav table td {cursor: pointer;cursor: hand; }    /* @end */

/* @group Template Settings */

/* Don't touch these unless you know how CSS layouts work */

body {
	background: #ffffff;
	margin: 0;
}

body#sub {
	background: #ffffff;
}

div#nav {
	background: url(../images/cssimg/bg-logo-4-8.png) repeat-y 0 0;
	height: 90px;
	margin: 0;
	padding-right: 10px;
	padding-top: 54px;
	width: 150px;
}

div#main {
	margin: 0;
	width: 600px;
}

body#sub div#main {
	width: 789px;
}

div#main div.inner {
	padding: 18px 36px;
}

div#placeholder-nav-vert {
	margin-top: 36px;
}

div#placeholder-hero {
	/*height: 216px;*/
	width: 600px;
}

div#placeholder-search {
	padding: 9px;
}

div#placeholder-search input.cat_textbox_small {
	width: 80px;
}

div#placeholder-rss {
	height: 16px;
	margin-bottom: 9px;
	text-align: right;
}

div#placeholder-rss img {
	margin: 0 9px;
	vertical-align: middle;
}

div.whoslogged {
	height: 36px;
	line-height: 36px;
	padding-right: 40px;
	text-align: right;
}

body#sub div.whoslogged {
	padding: 0;
}

div#placeholder-footer {
	padding: 0 30px;
}

div#placeholder-nav-vert td {
	text-align: right;
}

div#placeholder-nav-vert div div table td {
	font-size: 11px;
	padding: 3px;
	text-align: left;
}

#placeholder-nav-vert table td {
cursor: pointer;
cursor: hand;
}

/* @end */

/* Home */
/*--------- */


.header-row1{
height:115px; 
width:100%; 
overflow:hidden
}

.logo{
margin-top:15px;
}

.header-row2{
height:321px; 
width:100%; 
overflow:hidden;
}

.menu{
margin-left:-14px;
}

.security{
background-color:#EBEDE3;
width:251px;
padding-left:15px;
}


.information{
padding-left:15px;
margin-top:20px;
}


.information h2{
        padding-top:-10px;
        margin-left:10px;
        font-family: Calibri;
	font-size:14px;
	color:#1f627c;
        line-height:8px;
}


.container-link {
font-size:11px; 
font-weight:normal; 
font-family:Calibri; 
margin-right:20px;
text-align:right;

}


/* --- TEMPLATE --- */

.menu{
margin-left:-25px;
padding-top:60px;
width:611px;
}

.logo{
float:right;
margin-top:-60px;
}


/* --- HOME --- */


.image img{
border:7px solid #376F87;
float:right;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}


/* --- CHAAP --- */

.texte{
padding-left:30px;
padding-right:30px;
text-align:justify;
}

/* --- ADMISSIONS --- */
.vert a{
color:#557888;
font-weight:bold;
}


/* --- CONTACT --- */

.itineraire{
margin-left:-20px;
}

.formulaire{
margin-left:40px;
}

.formulaire label{
font-size:14px;
color:#577989;
font-weight:normal;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Calibri, Tahoma, Arial, sans-serif;
}

.req {
color:red;
}


/* ---- PHOTOS --- */

#nextLink:hover, #nextLink:visited:hover, #nextBLink:hover, #nextBLink:visited:hover, #nextBLink{
	    background: transparent url(../img/next.png) no-repeat scroll right 15% !important;
}

#prevLink:hover, #prevLink:visited:hover, #prevBLink:hover, #prevBLink:visited:hover, #prevBLink {
	background:transparent url(../img/previous.png) no-repeat scroll left 15% !important;
}


.menuphotos {
	color: #6ECCD8;
	text-align:center;	
        font-size:18px;
        font-weight:bold;
	text-decoration: none;	
cursor:pointer;
}


.menuphotos_selected  {
	color: #6ECCD8;
	text-align:center;	
        font-size:18px;
        font-weight:bold;
	text-decoration: underline;
cursor:pointer;
}