/* ##################
#####################  CSS BALISES
###################*/

body {
	margin:0px;
	padding:0px;
	background-color:#36b6f0;
	background-image:url(../media/website/body_degrade.jpg);
	background-position:top;
	background-repeat:repeat-x;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}

a{
	color:#f68124;
	text-decoration:none;
	font-weight:bold;
}

a:hover{
	color:#03507c;
	text-decoration:none;
}

.submitOk {
	background-image:url(../media/website/btn_ok.png);
	background-position:top;
	background-repeat:no-repeat;
	width:52px;
	height:28px;
	border:none;
	cursor:pointer;
}
.submitOk:hover {
	background-image:url(../media/website/btn_ok_hover.png);
}

.logout {
	background-image:url(../media/website/btn_logout.png);
	background-position:top;
	background-repeat:no-repeat;
	width:128px;
	height:28px;
	border:none;
	cursor:pointer;
}
.logout:hover {
	background-image:url(../media/website/btn_logout_hover.png);
}

.submitSearch {
	background-image:url(../media/website/btn_search.png);
	background-position:top;
	background-repeat:no-repeat;
	width:136px;
	height:28px;
	border:none;
	cursor:pointer;
}
.submitSearch:hover {
	background-image:url(../media/website/btn_search_hover.png);
}
.plusInfo {
	background:none;
	background-image:url(../media/website/btn_blue.png);
	width:77px;
	height:26px;
	border:none;
	margin:none;
	padding:none;
	cursor:pointer;
}

.btnBlue {
	background:none;
	height:26px;
	border:none;
	margin:none;
	padding:none;
	cursor:pointer;
}
.btnBlue .btnBlueGauche {
	background-image:url(../media/website/btnBlueGauche.png);
	background-repeat:no-repeat;
	height:26px;
	width:16px;
	border:none;
	margin:none;
	padding:none;
	float:left;
}
.btnBlue .btnBlueDroite {
	background-image:url(../media/website/btnBlueDroite.png);
	background-repeat:no-repeat;
	height:26px;
	width:16px;
	border:none;
	margin:none;
	padding:none;
	float:left;
}
.btnBlue .btnBlueMilieu {
	background-image:url(../media/website/btnBlueRepeat.png);
	background-repeat:repeat-x;
	height:22px;
	border:none;
	margin:none;
	padding:none;
	float:left;
	color:white;
	padding-top:4px;
}

.clearBoth {
	 clear:both;
}

a.plan:link,a.plan:visited,a.plan:active{color:white;} 
a.plan:hover{color:#333333;}
/* ##################
#####################  CSS CONTENER
###################*/

div#contener {
	margin-left:auto;
	margin-right:auto;
	width:1002px;
	border:none;
	text-align:left;
}

/* ##################
#####################  CSS ELEMENTS CONTENER HAUT
###################*/

#contener #haut {
	width:1002px;
	background-image:url(../media/website/contener_haut_degrade.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height:55px;
	margin-top:-20px;
}

#contener #banniereCoin {
	width:18px;
	background-image:url(../media/website/contener_ban_coin.png);
	background-repeat:no-repeat;
	background-position:top;
	height:19px;
	float:left;
}

#contener #banniereHaut {
	width:984px;
	height:19px;
	background-color:#fdfdfe;
	float:left;
}

#contener #banniereContener {
	width:1002px;
	height:102px;
	background-color:#fdfdfe;
	float:left;
}

#contener #banniereContener {
	width:1002px;
	height:108px;
	background-color:#fdfdfe;
	float:left;
}

#banniereContener #logo {
	width:247px;//627
	height:108px;
	float:left;
	padding:0;
	padding-left:25px;
}
#banniereContener #slogan{
	width:375px;//627
	height:108px;
	float:left;
	padding:0;
	padding-left:5px;
	padding-top:45px;
}
#logo img {
	border:none;
}

#banniereContener #banniereConnectSearch {
	width:350px;
	float:left;
	padding:0;	
}
#banniereConnectSearch hr {
	width:100%px;
	height:1px;
	border:none;
	border-top:1px solid #02a0d6;
	margin:0;
	padding:0;
}
#banniereConnectSearch #banniereConnectInput {
	width:270px;
	float:left;
	text-align:right;
	background-image:url(../media/website/key_go.png);
	background-position:left top;
	background-repeat:no-repeat;
}
#banniereConnectSearch #banniereBonjour {
	width:170px;
	float:left;
	text-align:left;
	/*background-image:url(../media/website/key_go.png);*/
	background-position:left top;
	background-repeat:no-repeat;
}
#banniereConnectSearch #inscription{
	font-size:10px;
}
#banniereConnectInput label,#banniereBonjour label {
	text-align:right;
	margin-right:10px;
	font-size:13px;
	color:#005581;	
}
#banniereBonjour label {
	/*padding-left:45px;*/
}
#banniereConnectInput input {
	border:0;
	background-color:none;
	background-image:url(../media/website/input_connect.png);
	background-position:top;
	background-repeat:no-repeat;
	height:25px;
	width:154px;
	font-size:13px;
	color:#005581;
	margin-bottom:0px;
	padding-left:4px;
}
#banniereConnectSearch #banniereConnectOK {
	width:72px;
	float:left;
	padding-left:8px;
	padding-top:20px;
}
#banniereConnectSearch .inputSearch {
	border:0;
	background-color:none;
	background-image:url(../media/website/input_search.png);
	background-position:top;
	background-repeat:no-repeat;
	height:23px;
	width:253px;
	font-size:13px;
	color:#005581;
	float:left;
	line-height:22px;
	padding-top:3px;
	padding-left:10px;
	margin-top:8px;
	margin-left:6px;
}
#banniereConnectSearch #banniereSearchOK {
	width:72px;
	float:left;
	padding-left:8px;
	padding-top:7px;
}


.espaceConnected { height:6px; }
.compteImg {margin-top:3px;}

/* ##################
#####################  CSS ELEMENTS CONTENER MENU HORIZONTAL
###################*/

#menuHorizontal {
	background-image:url(../media/website/menu_horizontal_degrade.jpg);
	background-repeat:repeat-x;
	background-position:top;
	width:1002px;
	height:53px;
	float:left;
	text-align:center;
}
#menuHorizontalContener {
	margin-left:auto;
	margin-right:auto;
}
#menuHorizontalContener .onglet {
	display:inline;
	padding-left:0px;
	padding-right:6px;
	border-right:1px solid white;
}
#menuHorizontalContener .ongletfin {
	display:inline;
	padding-left:0px;
	padding-right:6px;
}


ul#nav li.principal { display: inline; /*float:left;*/ text-indent:0px; margin:0px; color:#fff; height:43px; padding-left:6px;padding-right:6px; cursor:pointer; padding-top:13px;padding-bottom:15px; }
ul#nav li.principal:hover,ul#nav li.ongletselect {background-image:url('../media/website/menu_horizontal_degrade_hov.jpg'); background-repeat:repeat-x; background-position:top; color:#AEE4FF;}
ul#nav li.ongletselect a { color:#06395e;}
ul#nav li a { /*display:block;*/color:white;text-transform:uppercase;text-decoration:none;font-size:14px;font-weight:bold;letter-spacing:-1px;}
ul#nav li:hover a { color:#06395e; }

ul#nav, ul#nav ul { margin: 0px; padding:12px; list-style: none; z-index:999; heigth:60px; }

ul#nav ul { margin:0px; padding:0px; display: none; position: absolute; }
ul#nav ul.first { margin-top:11px; color:#fff; }
ul#nav li.secondaire {  background-color:#06689a;}
ul#nav li.secondaire a {  color:white;}
ul#nav li.secondaire:hover { background-color:#EAEAEA;}
ul#nav li.secondaire:hover a {  color:#06395e;}
ul#nav ul li { height:18px; min-width:200px; text-align:left; border-bottom:1px #06395e solid; margin:0; font-size:12px;  }
ul#nav li li { display: block; float:none; margin:0; padding:5px 15px 0px 15px; color:white;  }
ul#nav li li:hover { background-color:#5da8ce;  }
ul#nav li ul li li { background:#06689a; }
ul#nav li ul li li:hover { background:#5da8ce; }
ul#nav li li ul.first { margin-top:0px; }



/* ##################
#####################  CSS ELEMENTS CONTENER CONTENT
###################*/
#contenerContent {
	float:left;
	width:100%;
	padding-top:15px;
	padding-bottom:15px;
	text-align:center;
	background-color:#ffffff;
	margin-top:-10px;
}

#contenerContent #flash {
	margin-left:auto;
	margin-right:auto;
	padding-left:18px;
}

#contenerContent .cadreHorizontalLarge {
	margin-left:auto;
	margin-right:auto;
	width:966px;
	text-align:justify;
	margin-top:15px;
}

.cadreHorizontalLarge .CHLtitre {
	width:964px;
	height:43px;
	background-image:url(../media/website/menu_horizontal_degrade.jpg);
	background-position:top;
	background-repeat:repeat-x;
	font-size:18px;
	color:white;
	text-transform:uppercase;
}
.CHLtitre .textTitre {
	padding-top:11px;
	padding-left:45px;
}
.cadreHorizontalLarge .CHLContenerContent {
	width:960px;
	background-color:white;
	border:1px solid #e7ecf1;
	margin-top:2px;
	padding:2px;
}
.CHLContenerContent .CHLContenerContentIn {
	width:100%;
	height:100%;
	background-color:#e7ecf1;
	padding-bottom:10px;
}
.CHLContenerContentIn .sousTitre {
	color:#05699c;
	font-size:17px;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:0px;
}
.CHLContenerContentIn .zoneText {
	float:left;
	width:270px;
	height:235px;
	border-right:1px solid #becdda;
	color:#333333;
	font-size:13px;
	text-align:justify;
	padding-right:15px;
	padding-left:15px;
}

.CHLContenerContentIn .zoneTextLarge {
	float:left;
	width:915px;
	color:#333333;
	font-size:13px;
	text-align:justify;
	padding-right:15px;
	padding-left:15px;
	margin-left:5px;
}

/* ##################
#####################  CSS ELEMENTS CONTENER BAS
###################*/
#contenerBas {
	float:left;
	width:972px;
	padding:15px;
	text-align:center;
	background-color:#f0f5fb;
}

#contenerBas .cadreSquare {
	float:left;
	width:306px;
	height:286px;
	border: 1px solid #e1e7ef;
	background:white;
	padding:2px;
}
.cadreSquare .cadreSquareIn {
	width:100%;
	height:100%;
	background:#f9fafd;
	background-image:url(../media/website/arrow_deco_02.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	text-align:center;
}
.cadreSquareIn .textTitre {
	margin-left:auto;
	margin-right:auto;
	height:34px;
	width:85%;
	border-bottom:1px solid #becdda;
	text-align:left;
	padding-left:25px;
	padding-top:16px;
	color:#1f7dca;
	font-size:14px;
	letter-spacing:-1px;
	font-weight:bold;
}
.cadreSquareIn .zoneText {
	margin-left:auto;
	margin-right:auto;
	width:90%;
	height:193px;
	overflow:auto;
	font-size:11px;
	color:#333333;
	margin-top:10px;
	text-align:justify;
}

#contenerBas .cadreRect {
	float:left;
	width:634px;
	height:286px;
	border: 1px solid #e1e7ef;
	background:white;
	padding:2px;
	margin-left:15px;
}
.cadreRect .cadreRectIn {
	width:100%;
	height:272px;
	background:#f9fafd;
	text-align:center;
	padding-top:15px;
}

/* ##################
#####################  CSS ELEMENTS FOOTER
###################*/
#footer {
	width:966px;
	float:left;
	margin-top:15px;
	border-top:1px solid #e1e7ef;
	padding-top:15px;
	
	text-align:left;
	color:#108de8;
	font-size:12px;
	text-decoration:none;
}
#footer a:link,#footer a:visited,#footer a:active {
	color:#797f88;
	text-decoration:none;
}
#footer a:hover {
	color:#333333;
}


/* ##################
#####################  USER
###################*/

ul.user-menu {
	text-align:left;
	padding:0 0 0 20px;
	height:70px;
}

ul.user-menu li {
	list-style-type:none;
	text-align:center;
	float:left;
	margin-right:5px;
	cursor:pointer;
	width:111px;
	height:45px;
	display:block
}

ul.user-menu li a {
	color:#fff !important;
	width:111px;
	height:45px;
	display:block !important;
	padding:25px 0 0 0;
	font-size:14px;
	background:url('../media/user/menu_bg.png') no-repeat;
}
ul.user-menu li.active a {
	background-position:0 -70px;
}
ul.user-menu li a span {
	display:block;
	width:111px;
	height:45px;
}

ul.user-menu li a:hover {
	background-position:0 -70px;
}

ul.user-menu li.two-lines a {
	padding-top:18px;
	height:52px;
}
ul.user-menu li.two-lines a span { height:52px }

ul.user-menu li.three-lines a {
	padding-top:9px;
	height:61px;
}
ul.user-menu li.three-lines a span { height:61px }

.user-menu-end { clear:both }


ul.messages {
	padding:5px 0 0 0;
}
ul.messages li {
	list-style-type:none;
	padding:5px;
	display:block; margin:0 0 8px 0;
	color:#fff;
	font-size:13px; font-weight:bold;
	text-align:center;
}
ul.messages li.confirm {
	background:#77ae55;
}
ul.messages li.error {
	background:#d12222;
}


.group-description {
	text-align:justify;
	font-size:13px;
	line-height:17px;
	margin-top:15px;
}

.news-entry h5 {
	background:url('../media/user/calendar_icon.png') no-repeat left center;
	font-size:14px;
	padding:4px 0 4px 22px;
	margin:0;
}

.news-entry p.content {
	margin:0;
	font-size:12px;
}

.group-left {
	float:left;
	width:160px;
	text-align:center;
}

.group-right {
	float:left;
	margin-left:18px;
	width:730px;
}

.user-actions {
	float:right;
	text-align:right;
	font-size:13px;
	padding:0 15px 4px 0;
	margin:0;
}

.user-actions li {
	list-style-type:none;
	background-position:right center;
	background-repeat:no-repeat;
	padding:2px 20px 2px 0;
}

.user-actions li.pro {
	background-image:url('../media/user/pro.png');
}

.user-actions li.account {
	background-image:url('../media/user/user.png');
}

.user-actions li.deco {
	background-image:url('../media/user/logout.png');
}

.index-pro { }

.index-pro .left-column { width:620px; float:left }
.index-pro .right-column { width:270px; background:#026294; color:#fff; float:right; margin:10px 0 0 25px }
.index-pro .right-column h3 { color:#0f1924; font-size:15px; margin:0; margin-top:15px; padding:4px; background:url('../media/user/right_col_heading_bg.png') repeat-x; }
.index-pro .right-column h3.first { margin-top:0px }

ul.last-docs { margin:0; padding:8px 0 8px 15px }
ul.last-docs li { list-style-type:none; background:url('../media/user/doc.png') no-repeat left center; padding:6px 15px 6px 20px }
ul.last-users, ul.forum { margin:0; padding:8px 0 8px 15px }
ul.last-users li { list-style-type:none; background:url('../media/user/user.png') no-repeat left top; padding:0px 15px 6px 20px }
ul.forum li { list-style-type:none; background:url('../media/user/forum.png') no-repeat left top; padding:0px 15px 6px 20px }

#banniereConnectSearch { width:350px; height:112px; overflow:hidden }

.group-button { background:url('../media/user/group_big_button.png') no-repeat; height:65px; width:164px; text-align:center; color:#fff; margin-top:15px; font-size:17px; font-weight:bold; padding:20px 0 0 0 }
.group-button-big { background:url('../media/user/group_big_button_big.png') no-repeat; height:65px; width:270px; text-align:center; color:#fff; margin-top:15px; font-size:17px; font-weight:bold; padding:33px 0 0 0 }
.group-button a:hover,.group-button-big a:hover { color:#fff }

.user-box { border:1px solid #777; padding:10px; background:#ddd; margin:0 0 15px 0; position:relative }
.user-box:hover { background:#dbe9f0 }
.user-box h5 { font-size:14px; margin:0 0 8px 0 }
.user-box em { font-size:12px }
.user-box img { float:left; border:1px solid #999; margin-right:15px }
.user-box .contact-user { float:right; width:200px; text-align:right }
.user-box .contact-user a { color:#3187b4; display:block; background:url('../media/user/mail.png') no-repeat right center; padding-right:20px }
.user-box .contact-doc a { color:#3187b4; display:block; background:url('../media/user/page_white_go.png') no-repeat right center; padding-right:20px }
.user-box .end { clear:both }


.cms-actions { float:right; font-size:12px; padding:15px 13px 0 0; }
#sendToFriend { 
	display:none; position:absolute; width:400px; height:140px; top:50%; left:50%; margin:-70px 0 0 -200px;
	border:4px solid #03679B; background:#fff; padding:15px; outline:1px solid #fff;
	font-size:75%;
}
#sendToFriend h3 { color:#05699C; text-transform:uppercase }
input#friendEmail { margin-left:20px; border:1px solid #E87208; width:180px; padding:2px }
input#friendSendProcess { margin:15px 0 0 0; background:#4F869F; color:#fff; border:1px solid #36B6F0; padding:2px 25px }
#friendSendWaiting { display:none;margin-top:15px }
#sendToFriend small { margin-top:10px; font-size:11px; display:block; cursor:pointer }

.cms-actions a { padding:0 10px 0 20px; color:#fff; }
.cms-actions a:hover { color:#fff; text-decoration:underline }
a#printPageLink { background:url('../media/user/print.png') no-repeat left center }
a#sendToFriendButton { background:url('../media/user/send_to_friend.png') no-repeat left center }