/* CSS Document */

body{
	padding:0;
	margin:0;
	color:#000;
	background-image: url(../../../../images/site/bodybg.jpg);
	background-repeat:repeat-x; 
	background-color: #DEDCFF;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
}
div, h1, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

p {
	line-height:1.7em;
}


img {
	border:none;
}

textarea, input[type="text"], input[type="password"] {
	background-color:#dfdfff;
	border:1px solid #D1D1D1;
	padding:4px 0;
	margin:0;
	font:normal 13px/16px Arial, Helvetica, sans-serif;
}

input[type="button"],input[type="submit"] {
	padding:2px 10px;
}

input[type="submit"] {
	cursor:pointer;
}

input[type="text"]:hover, input[type="password"]:hover {
	background-color:#F2F2FF;
}

input[type="submit"] {
	cursor:pointer;
}

/* STYLES DE SPAN */
span.underline_black {
	border-bottom:1px solid black;
}

hr
{
  border-top: 1px dashed #A7B5FF;
  color: #fff;
  background-color: #fff;
  height: 2px;
  width:100%;
  clear:both;
}

ul{
	margin:0; 
	padding:0; 
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}

/* TAILLE DE TEXTE */

.text_small {
	font-size:8pt;
	color:#555
}

.text_small > a {
	font-size:8pt;
}

/* ICONS LINKS */

a.icon {
	height:16px;
	width:16px;
	margin:0 5px 5px 5px;
	display:block;
}

a.icon_24 {
	height:24px;
	width:24px;
	display:block;
}

a.cross {
	background:transparent url(../../images/site/icons/delete.png) no-repeat top left;
}

a.accept {
	background:transparent url(../../images/site/icons/accept.png) no-repeat top left;
}

a.edit {
	background:transparent url(../../images/site/icons/edit.png) no-repeat top left;
}

a.quickedit {
	background:transparent url(../../images/site/icons/quickedit.png) no-repeat top left;
}

a.top {
	background:transparent url(../../images/site/arrow_up_blue.png) no-repeat top left;
}

a.warning {
	background:transparent url(../../images/site/icons/warning.png) no-repeat top left;
}

a.comment {
	background:transparent url(../../images/site/icons/comment.png) no-repeat top left;
}


a.heart {
	background:transparent url(../../images/site/icons/heart_red.png) no-repeat top left;
}

a.thumb_up {
	background:transparent url(../../images/site/icons/thumb_up.png) no-repeat top left;
}

a.thumb_down {
	background:transparent url(../../images/site/icons/thumb_down.png) no-repeat top left;
}

/* ICON 24px */
a.message {
	background:transparent url(../../images/site/icons/message.png) no-repeat top left;
}

a.profil {
	background:transparent url(../../images/site/icons/profile.png) no-repeat top left;
}


/*------------------------------------------------body--------------------*/

/*------------------------------------------------top part--------------------*/

#tout{
	margin:0 20px;
	padding:0;
	background-color:#FFF;
	border-left:1px solid #07015B;
	border-right:1px solid #07015B;
}

#top{
	background:url(../../images/site/fond_header.jpg) 0 0 no-repeat;
	height:115px;
	margin:0;
	padding:0;
	overflow:hidden;
}
#bluebar{
	background:url(../../images/site/bluebar_header.jpg) 0 0 repeat-x;
	height:13px;
	margin:0;
	padding:0;
	overflow:hidden;
}

#header {
	margin: 0 10px;
}
#top div.pub{
	margin:5px 0;
	width:728px;
	height:90px;
	float:right;
}
#toplist{
	background:url(../../images/site/navig_noactif.jpg) repeat-x;
	height:35px;
	border-left:1px solid #07005A;
	border-right:1px solid #07005A;
	border-bottom:1px solid #07005A;
	list-style:none;
}
#toplist ul{
	list-style:none;
}
#toplist li.menu{
	float:left;
	margin:0 1px 0 0;
	height:35px;
}

#toplist li.menu {
	border-right:1px solid #B3B3B3;
}

#toplist li.menu a.parent, a.hover{
	background:url(../../images/site/navig_noactif.jpg) repeat-x;
	height:35px;
	padding:10px 15px 0 15px;
	margin:0;
	font:bold 11px/16px Arial, Helvetica, sans-serif;
	color:#242424;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
	vertical-align:center;
	display:block;
}
#toplist li.menu a.parent:hover{
	background:url(../../images/site/navig_actif.jpg) repeat-x;
	color:white;
}
#toplist li.menu a.hover{
	background:url(../../images/site/navig_actif.jpg) repeat-x;
	color:white;
}

#toplist div.toplist_right{
	padding:7px;
	float:right;
	height:20px;
}


/*LARGEUR*/
#toplist div.toplist_right a{
	height:24px;
	width:24px;
	margin: 0 5px;
	float:left;
}

#toplist div.toplist_right a.expand{
	background:url(../../images/site/icons/width_expand.png) center center no-repeat;
}

#toplist div.toplist_right a.fixed{ 
	background:url(../../images/site/icons/width_fixed.png) center center no-repeat;
}

#toplist li ul, #toplist li.sfhover ul {
	position: absolute;
	margin:-10px 0 0 -1px;
	padding: 0;
	left:-999px;
	list-style:none;
	border:1px solid #07015B; 
	background-color: #FFF;
	z-index:9999;
}

#toplist li ul li a {
	padding:3px;
	width:180px;
	background-color:#FFF;
	color:#000;
	text-decoration:none;
	display:block;
	border-bottom:1px dashed #D1D1D1;
}

#toplist li ul li a:hover{
	color:#FFF;
	background-color:#07015B;
	border-bottom:1px solid #07015B;
}

#toplist li:hover ul, #toplist li.sfhover ul {
	left: auto;
}


/*------------------------------------------------top part--------------------*/


/*------------------------------------------------body--------------------*/
#contentbody{
	margin:5px 10px 0 10px;
	padding:0;
	background-color:#fff;
	color:#000;
}

#contentbody h1.titre{
	color:#860A02;
	font:17pt/18pt 'Georgia',Times New Roman,serif; 
	float:left;
}

#contentbody div.separation_line {
	height:1px;
	clear:left;
	width:100%;
	background-color:#CCC;
	margin-bottom:10px; 
}

#contentbody div.separation {
	height:20px;
	clear:left;
	width:100%;
	background:url(../../images/site/top_separation.gif) center center repeat-x;
}
#contentbody div.separation > p {
	background-color:white;
	height:12px;
	float:right;
	padding-left:5px;
}

#contentbody div.explain {
	border: 1px solid rgb(204, 204, 204); 
	margin: 10px auto 10px 0pt; 
	padding: 10px; 
	background-color: #F7F7F7; 
	width: 85%; 
}



/*-/////////////////////////CONTENU GAUCHE /////////////////////////*/

.demander_aide
{
width:100%; 
text-align:center;
margin:20px;
}

#contenu{
	padding:0px;
	margin-right:260px;
}

#contenu ul {
	margin-left:30px;
}

#contenu > h2,#contenu h2.titre{
	font:bold 16px/20px Arial, Helvetica, sans-serif;
	margin:5px 0;
}

#contenu p a, #contenu li a, a.blue{
	color:#00248A;
	font:bold 12px/19px Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#contenu p a:hover, #contenu li a:hover, a.blue:hover {
	border-bottom:1px dashed #00248A;
}

#contenu p a.no_underline:hover {
	border:none;
}


#contenu p.descriptexte{
	text-align:justify;
	padding:0 10px;
}

#contenu div.blue_bar {
	border:1px solid #CCC;
	padding:2px 5px;
	margin:0;
	background-color:#DFE4FF;
}

#contenu p.lftText{
	text-align:justify;
}

#contenu p.lftText span.bleu{
	color:#00248A;
	font:bold 12px/19px Arial, Helvetica, sans-serif;
}


#contenu p.lftText span.bleu a:hover{
	color:#00248A;
  border:none;
	font:bold 12px/19px Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#contenu p.centerText{
		text-align:center;
		clear:left;
} 
#contenu p.centerText span.bleu{
	color:#00248A;
	font:bold 12px/19px Arial, Helvetica, sans-serif;
}

#contenu p.centerText span.bleu a{
	color:#00248A;
	border-bottom:1px dashed #00248A;
	font:bold 12px/19px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#contenu p.centerText span.bleu a:hover{
	color:#00248A;
  border:none;
	font:bold 12px/19px Arial, Helvetica, sans-serif;
	text-decoration:none;
}


/*AFFICHAGE TUTORIAUX, NEWS, ETC */

#contenu div.article {
	float:left;
	margin:0;
	width:100%;
}


#contenu div.article h2.titre{
	color:#0A1C43;
	font:14pt/15pt 'Georgia',Times New Roman, serif;
	margin-bottom:5px;
}

#contenu div.article h2.titre_blanc{
	font:bold 16px/20px Arial, Helvetica, sans-serif;
	margin:5px 0;
}

#contenu div.article h3.titre{
	color:black;
	font:11pt/13pt 'Georgia',Times New Roman, serif;
	text-decoration:underline;
	margin:0;
	padding:0;
}


#contenu div.article  h2.title_box{
	font:bold 11pt/16pt Arial, Helvetica, sans-serif;
	color:white;
}

#contenu div.article h2.title_box a { 
	color:white;
} 
#contenu div.article h2.title_box a:hover { 
	color:white;
} 
 
#contenu div.viewMore a{
	background:url(../../images/lire.jpg) bottom right no-repeat;
	width:100px;
	height:13px;
	display:block;
	margin:0 10px 5px 0;
	float:right;
}
#contenu div.viewMore a:hover{
	background:url(../../images/lire_actif.jpg) bottom right no-repeat;
}

#contenu .imgLeft {
	float:left;
  width:50px;
  height:50px;
  overflow:hidden;
  margin:10px;
}

#contenu .imgLeft a:hover{
	float:left;

	opacity:0.8;filter:alpha(opacity=80);
}

#contenu p.envoi
{
  text-align:center;
  margin:20px 0;
  clear:left;
}
#contenu p.envoi input.grandbouton
{
	font:bold 8pt/12pt Verdana, Helvetica, sans-serif;
	padding:3px 0;
	width:30%;
}

/*Boite blanche */
.boiteblanche {
	margin:5px 0 0 0;
	padding: 5px 0;
	width:100%;
	height:150px;
	border:1px solid #E0E2FF;
	float:left;
	background:url(../../images/site/boiteblanche_fond.jpg) top left repeat-x;
}

div.boiteblanche:hover{
	border:1px solid #ACACAC;
}

/*Boite blanche FLOAT LEFT  */
.boiteblanche_FL {
	padding:10px 1%;
	margin:5px 1% 0 0;
	width:46%;
	height:180px;
	min-height:120px;
	border:1px solid #E0E2FF;
	float:left;
	background:url(../../images/site/boiteblanche_fond.jpg) top left repeat-x;
	overflow:hidden;
}

div.boiteblanche_FL:hover{
	border:1px solid #ACACAC;
}

.boiteblanche_FL h2 a {
	color:#00248A;
	padding:5px;
	background-color:#FFF;
	border:1px solid #ACACAC;
	display:block;
	text-align:center;
}
.boiteblanche_FL:hover h2 a {
	text-decoration:none;
	color:white;
	border:1px solid white;
	background-color:#00248A;
	display:block;
}

/*-/////////////////////////////////////////Fin Contenu gauche //////////////*/


/*/////////////////////////////////// COLONNE DE DROITE /////////////////////*/
#right{
	width:250px;
	float:right;
}


#right div.menubox {
	border-right:1px solid #D1D1D1;
	border-left:1px solid #D1D1D1;
	border-bottom:1px solid #D1D1D1;
	margin:0 0 10px 0;
}

#right div.menubox:hover {

	border-right:1px solid #1E186A;
	border-left:1px solid #1E186A;
	border-bottom:1px solid #1E186A;
}

#right .menutop {
	padding:0;
	margin: 5px 0 0 0;
	font:bold 14px Arial, Helvetica, sans-serif; 
	background:url(../../images/site/menutopbg.jpg) 0 0 no-repeat;
	height:24px;
	overflow:hidden;
} 

#right .menutop p {
	padding:3px 5px;
	color:#FFF;
}

#right div.menucorps{
	background:url(../../images/site/menucorpsbg.jpg) 0 0 no-repeat;
	padding:10px;
	margin:0;
	clear:both;
	}

#right div.menucorps a{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000;
}

#right div.menucorps a:hover{
	text-decoration:none;
}
	
#right div.menucorps a.pseudo{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#4A4A4A;
}

#right div.menucorps a.rss_link {
	background:transparent url(../../images/rss.png) 0 0 no-repeat;
	padding:0 0 5px 30px;
	display:block;
	margin:0;
}

/*Def form de connexion */
#right div.menucorps  form{
	padding:6px 0;
	margin:0;
}

#right div.menucorps  form input.check{
	background-color:#fff;
	margin:0; 
	padding:0;
	border:0;
}

#right div.menucorps  form input.txtBox{
	background-color:#fff;
	border:1px solid #ACACAC;
	width:210px;
	margin:0 auto 17px auto;
	padding:3px 5px 3px 10px;
	clear:both;
	display:block;
}

#right div.menucorps  form input:hover.txtBox{
	background-color: #F7F8FF;
}

#right div.menucorps  form input.login{
	cursor:pointer;
	padding:2px 5px;
	text-align:center;
	margin:0 auto;
	width:200px;
	display:block;
}
#right div.menucorps  form a{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#A4A;
	text-decoration:underline;
	background-color:inherit;
	padding:0 0 0 14px;
	width:79px;
}
#right div.menucorps  form a:hover{
	text-decoration:none;
}

#right div.menucorps  form p.inscription 
{
	padding: 5px 0 0 20px;
	width:100px;
	font:bold 10px/12px Arial, Helvetica, sans-serif;
	color:#4A4A4A;
}
#right div.menucorps  form p.inscription a
{
  width:100px;
	font:bold 10px/12px Arial, Helvetica, sans-serif;
	color:#003C85;
}

/*Fin déf si connecté */

/* Déf  menu */

#right div.menucorps ul.menu {
	padding:0;
	margin:0 0 0 10px;
	list-style:none;
	overflow: hidden;
}

#right div.menucorps ul.menu li a {
	padding:2px 0;
	float:left;
	text-align:left;
	margin-right:1%;
	width:48%;
	display:block;
}

#right div.menucorps ul.menu li a img{
	border:none;
	text-decoration:none;
}
#right div.menucorps ul.menu li a:hover {
	color:#A60303;
	text-decoration:none;
}

#right div.menucorps span{
	/*background:url(../../images/flecherouge.gif) 0 7px no-repeat;*/
	padding:2px 0 0 0;
	clear:both;
}

/* Fin définition menu */


#right p.bottom2{
	background:url(../../images/menudroitebas.png) 0 0 no-repeat;
	width:180px;
	height:22px;
	margin:0 0 5px 0;
}
#right h2.solution{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#00305A;
	background-color:#fff;
	padding:0 0 10px 0;
	text-align:center;
}
#right ul.bas{
list-style:none;
}
#right ul.bas li a{
	background:url(../../images/solution_div.gif) left bottom repeat-x;
	font:bold 11px/20px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	padding:3px auto;
	margin:0 0 0 2%;
	width:48%;
	text-align:center;
	float:left;
	display:block;
}
#right ul.bas li a:hover{
	color:#A60303;
	background-color:#ECECEC;
}
#right ul.bas li.noImg{
	display:block;
	background-image:none;
	height:20px;
}
/*/////////////////////////////////// FIN DE DROITE /////////////////////*/

/*------------------------------------------------body--------------------*/

/*------------------------------------------------footer--------------------*/
#footerMain{
	width:100%;
	margin:10px auto 0 auto;
	background-color:#fff;
	color:#000;
	padding:0;
}
 
#footer{
	width:100%;
	margin:0;
	padding-top:5px;
	background-color:#DFE4FF;
	border:1px solid grey;
	height:20px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#4A4A4A;
	text-align:center;
}
#partenaires { 		
  width:90%; 
  padding:0;	
  margin: 4px auto 0 auto;
  text-align:center;	
  font:9px/11px Arial, Helvetica, sans-serif; 
  }
#partenaires a {
	color:#4A4A4A;
	text-decoration:none;
}
#partenaires a:hover {
	text-decoration:underline;
}

/*------------------------------------------------footer--------------------*/

/* Ecriture news, tutos & co */
.infobulle{
	position: absolute;	
	visibility : hidden;
	border: 1px solid Black;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: #CCCEFF;
}

.erreur 
{
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	background-color: #E32D2D;
	color: white;
	border: 1px solid black;
	font-weight: bold;
	margin:10px 0;
	padding: 0 10px;
}

.erreur ul {
	padding: 0 0 5px 80px;
}

.erreur a {
	color:white;
}

.success 
{
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	background-color: #008500;
	color: white;
	border: 1px solid black;
	font-weight: bold;
	margin:10px 0;
	padding: 0 10px;
}

.success ul {
	padding: 0 0 5px 80px;
}

.erreur h2, .success h2 {
	line-height:16px; 
	margin-bottom:5px;
}


/* QUOTE, CODE ET COLORATION */

div.quote {
	margin: 5px;
	padding:10px 5px;
	text-align: left;
	background:#E5E6FF;
	border: 1px dashed #345B8C;
	color: #444444;
} 

div.quote p.titre {
	font:normal 16px/18px Arial, Helvetica, sans-serif; 
	font-weight:bold;
	color: #345B8C;
	padding:0 0 5px 0;
	float:left;
}  

div.code {
	margin: 5px;
	padding:10px;
	background:#E5FFE7;
	border: 1px dashed #348C3A;
	font:normal 12px/18px Courier New, Courier, serif;
	overflow-x:auto;
	overflow-y:hidden;
} 

div.code p.titre {
	font:normal 16px/18px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #348C3A;
	padding:0 10px 5px 0;
	float:left; 
} 

.hl-default {
    color: Black;
}
.hl-code {
    color: Gray;
}
.hl-brackets {
    color: Olive;
}
.hl-comment {
    color: Orange;
}
.hl-quotes {
    color: Darkred;
}
.hl-string {
    color: Red;
}
.hl-identifier {
    color: Blue;
}
.hl-builtin {
    color: Teal;
}
.hl-reserved {
    color: Green;
}
.hl-inlinedoc {
    color: Blue;
}
.hl-var {
    color: Darkblue;
}
.hl-url {
    color: Blue;
}
.hl-special {
    color: Navy;
}
.hl-number {
    color: Maroon;
}
.hl-inlinetags {
    color: Blue;
}
.hl-main { 
    background-color: White;
}
.hl-gutter {
    background-color: #999999;
    color: White
}
.hl-table {
    font-family: courier;
    font-size: 12px;
    border: solid 1px Lightgrey;
}


/* BOUTONS D'INSCRIPTION & DEMANDE D'AIDE */

div.join_box {
	border:1px solid #A0A0A0;
	margin:5px 0 0 0;
	text-align:center;
}

div.join_box a {
	color:#06005A;
	background: url(../../images/site/join_box_bg.jpg) repeat-x top left;
	text-decoration:none;
	padding:5px;
	font-size:12pt;
	font-weight:bold;
	display:block;
}

div.join_box a:hover {
	text-decoration:none;
	color:white;
	background: url(../../images/site/join_box_bg_actif.jpg) repeat-x top left;
}


/* TABLES OF DATA */

tr.table_head {
	background:#040148 url(../../images/site/bg_table_head.jpg) repeat-x;
	color:white;
}

tr.table_head_grey {
	background:#464645 url(../../images/site/bg_table_head_grey.jpg) repeat-x; 
	color:white;
	border:1px solid grey;
}

tr.table_head_white {
	background: url(../../images/site/bg_table_head_white.png) repeat-x; 
	color:blue;
}

tr.table_head_white td {
	border-right: 1px solid #00036E;
}

tr.table_head td, tr.table_head_grey td {
	height:30px;
	font-weight:bold;
	vertical-align:middle;
}

tr.table_head .v-top {
	vertical-align:top;
}

tr.table_head td.center {
	text-align:center;
}

tr.table_head td  a{
	color:#FFF;
}


tr.table_explain td {
	padding:3px 0;
	border-left:1px dashed #DCDCDC;
	text-align:center;
	font-weight:bold;
}

tr.table_nav {
	padding: 6px 0;
	background-color:#FCFFFF;
}

tr.table_nav:hover {
	background-color:#ECEFFF;
}

tr.table_nav td {
	border-bottom: 1px solid #CCC;
	border-left:1px dashed #DCDCDC;
	padding:	3px 5px;
}

tr.table_nav td.deleted {
	background-color: #FFAAAA;
	border-bottom: 1px solid red;
}
tr.table_nav td.deleted span{
	color:red;
	font-weight:bold;
	font-size:90%;
}

/* LIGTHBOX */

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #111;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
 
.white_content {
	display: none;
	position: absolute;
	min-width:300px;
	max-width:600px;
	min-height:100px;
	padding: 16px;
	border: 4px solid #888;
	background-color: white;
	z-index:1002;
	overflow: auto;
}

/* LIST PAGES / LETTRES */

p.list_small {
	text-align:center;
	margin:5px 0;
	clear:left;
}

p.list_small a {
	background: url(../../images/site/pages_bg.jpg) bottom left repeat-x; 
	padding:3px 5px;
	margin:0 2px;
	border:1px solid #AAA;
}

p.list_small a:hover {
	border:1px solid #07015B;
}

p.list_small span {
	background: url(../../images/site/pages_bg.jpg) bottom left repeat-x; 
	padding:3px 5px;
	margin:0 3px;
	border:1px solid #AAA;
	font-weight:bold;
}

p.list_small span.selected {
	border:1px solid #07015B;
}

.highlight {
	background-color:yellow;
}

ul.sociable {
	list-style-type:none;
	margin-left:15px;
	text-align:center;
}

ul.sociable li {
	float:left;
	margin:3px;
}

/* PETITES ANNONCES */
div.annonce_block {
	border:1px solid grey;
	padding:5px 10px;
	margin:10px 0;
	background-color:#F9F9F9;
}

div.annonce_block:hover {
	background-color:#daffdb;
}