/* NOTE */
/* Pour le contenu specifique au site publique - voir public.css */

/* Silhouette main.css **** 
   version 1.11  */

/* Global */

BODY {  margin:0;padding:0; height:100%;   background:#7D7EAC url(/images/interface/bg_site_r.jpg) repeat center -30px; }
BODY,TD,TH,LI  { font-size: 12px; color: #6F6482; font-family: Arial, Helvetica, sans-serif; }

#site { text-align:center;background:url(/images/interface/bg_site.jpg) repeat-x center -30px; height:100%; }

/* Wrappers */
#site_wrap {width:1003px;margin:auto; position:relative;}
#site_contenu { text-align:left;background-color:#FFFFFF; padding:5px; }

#contenu_wrap {background: #FFFFFF url(/images/interface/bg_cr.jpg) repeat-y left top;}
#contenu_site {position:relative;}
	/*IE6*/ * HTML #contenu_site {width:1003px;height:100%;}
	
.navSep { }	
	/*IE6*/ * HTML #spTop IMG {height:15px;}

/* Menus */
.menuOut {}
	UL.menuOut { margin: 0; padding: 10px 0 5px 20px; list-style-type: none;}
	.menuOut A:link, .menuOut A:visited { color: #FFFFFF; text-decoration:none; }
	.menuOut A:active, .menuOut A:hover { color: #FFFFFF; text-decoration:underline; }
	.menuOut LI {padding-right:10px;float:left; font-weight:normal;}

/* Header */
#header {height:165px; }
	#menu_top {text-align:right;padding-right:10px;}
		#menu_top .sep {width:7px;}
		#menu_top .sep1 {width:16px;}
		
	#menu_bottom {text-align:left;padding-top:4px;padding-right:10px;}
		#menu_bottom .sep {width:7px;}
		#menu_bottom .sep1 {width:16px;}
		
	#menu_html {margin:0; padding-top:30px;float:left; display:none;}
	#smenu_html {padding:30px 0 0 30px;float:left;}
		#header .menu SPAN {padding: 0 0 3px 0;display:block;}
		#header .menu A:link, #header .menu A:visited { color: #FFFFFF; text-decoration:none; }
		#header .menu A:active, #header .menu A:hover { color: #FFFFFF; text-decoration:underline; }

/* Footer */
#footer {clear:both;width:1003px;height:30px;text-align:right;}
	#footer UL {float:right;padding: 10px 0 30px 0;}
		#footer UL.menu LI {}
	
	#logo_print {display:none;}
	
	
	
/* font Profil - Units */

.txtUnits {font-size:10px;}
	
#contenu.quiz p{margin:10px 0 0 0;}
.tMauve{font-size:8pt;color:#7D56A9;}
/* //////////////////////////////// */
/*  B O X E S   */
/* ////////// */


/* General */
.btnt SPAN.titre, .btnt_o SPAN.titre, .btnt_a SPAN.titre, .btnt_a_o SPAN.titre {
		padding:3px 0 7px 15px; display:block; cursor:hand; width:70%; 
		background-position:left 6px; background-repeat:no-repeat; }
	.btnt_o SPAN, .btnt_a_o SPAN {text-decoration:none;}
	.btnt SPAN.titre {background-image: url(/images/icons/fleche1a.gif); }
	.btnt_o SPAN.titre {background-image: url(/images/icons/fleche1a_o.gif); }
	.btnt_a SPAN.titre {background-image: url(/images/icons/fleche1b.gif); }
	.btnt_a_o SPAN.titre {background-image: url(/images/icons/fleche1b_o.gif); }
	

/* Messages  */
.messages {padding: 0;} /* <- link avec box1.contenu */
	.messages DIV.avatar {float:left;width:32px;height:32px;margin-top:5px;position:relative;}
		.messages .avatar IMG {background-image: url(/images/boxes/bgAvatar2.gif);}
	.messages .text {width:550px;padding:15px 0 10px 5px;float:left;position:relative;}
	.messages .menu {clear:both;text-align:right;}
 
.box1 .messages .contenu {padding:0 0 0 10px;background:none;border:none;}
	.box1 .messages .top {background: url(/images/boxes/box1_pan1.gif) no-repeat;height:3px;}
	.box1 .messages .bot {background: url(/images/boxes/box1_pan2.gif) no-repeat;height:3px;}

.box1 .message_alt, .box1 .message_alt .contenu {background: #FFF9E7 url(/images/boxes/box1_pan_a3.gif) repeat-y;}
	.box1 .message_alt .top {height:5px;background: url(/images/boxes/box1_pan_a1.gif) no-repeat;font-size:0px;}
	.box1 .message_alt .bot {height:5px;background: url(/images/boxes/box1_pan_a2.gif) no-repeat;font-size:0px;}

/* Box1 */
.box1 {width:661px;margin:0 0 5px 0;background: #FFFFFF url(/images/boxes/box1_bg.gif) repeat-y;}
	.box1 .titre, .box1 H2 {font-size:12px;font-weight:bold;}
	.box1 .contenu {padding: 5px 10px 5px 10px;background: url(/images/boxes/box1_sep2.gif) no-repeat left bottom;}
	.box1 IMG.avatar {padding:5px;margin: 0 5px 0 0;background: url(/images/boxes/bgAvatar.gif) no-repeat 0 1px;}
	.box1 .head {padding: 0px 10px 0px 10px;background: url(/images/boxes/box1_bg2.gif) repeat-y;}
		.box1 .head .info {width:430px;float:left;padding: 0 0 5px 0;}
			.box1 .head .sujet {padding: 10px 0 0 0;}
			.box1 .head .sujet IMG.avatar {margin-top:-7px;margin-bottom:10px;}
		.box1 .head .menu {color:#3d3d3d;font-size:10px;float:right;}
		.box1 .btnDuo {margin-top:5px;} 
		* HTML .box1 .head .clearer {margin-bottom:-5px;}
	.box1 .top {height:5px;background: url(/images/boxes/box1_top.gif) no-repeat;font-size:0px;}
	.box1 .box1_ctn {background: url(/images/boxes/box1_sep.gif) no-repeat;position:relative;}
	.box1 .sep {height:9px;background: url(/images/boxes/box1_sep.gif) no-repeat;font-size:0px;}
	.box1 .bot {height:5px; background: url(/images/boxes/box1_bot.gif) no-repeat;font-size:0px;}


/* Box2 */
.box2 {width:267px;margin:0 0 5px 0;background: #FFFFFF url(/images/boxes/box2_bg.gif) repeat-y;}	
	.box2 .titre {font-size:12px;font-weight:bold; }
	.box2 .contenu {padding: 5px 10px 5px 10px;background: url(/images/boxes/box2_sep2.gif) no-repeat left bottom;}
	
	.box2 .head {padding: 5px 10px 5px 10px;background: url(/images/boxes/box2_bg2.gif) repeat-y;}
		.box2 .head .btnt SPAN.titre, .box2 .head .btnt_o SPAN.titre, .box2 .head .btnt_a SPAN.titre, .box2 .head .btnt_a_o SPAN.titre {
			padding:0; background-position:right top;background-repeat:no-repeat;display:block;width:100%;cursor:hand;}
		.box2 .head .btnt SPAN.titre {background-image: url(/images/icons/fleche2a.gif); }
		.box2 .head .btnt_o SPAN.titre {background-image: url(/images/icons/fleche2a_o.gif); }
		.box2 .head .btnt_a SPAN.titre {background-image: url(/images/icons/fleche2b.gif); }
		.box2 .head .btnt_a_o SPAN.titre {background-image: url(/images/icons/fleche2b_o.gif); }
		
	.box2 .top {height:5px;background: url(/images/boxes/box2_top.gif) no-repeat;font-size:0px;}
	.box2 .box2_ctn {background: url(/images/boxes/box2_sep.gif) no-repeat;position:relative;}
	.box2 .bot {height:5px;background: url(/images/boxes/box2_bot.gif) no-repeat;font-size:0px;}
	.box2 .sep {height:9px;background: url(/images/boxes/box2_sep.gif) no-repeat;font-size:0px;}
	
/* Box3 */
.box3 {width:486px;margin:0 0 5px 0;background: #FFFFFF url(/images/boxes/box3_bg.gif) repeat-y;}
	.box3 .titre, .box3 H2 {font-size:12px;font-weight:bold;}
	.box3 .contenu {padding: 1px 10px 10px 10px;background: url(/images/boxes/box3_sep2.gif) no-repeat left bottom;}
	.box3 .head {padding: 0 10px 0 10px;background: url(/images/boxes/box3_bg2.gif) repeat-y;}
	.box3 .top {height:5px;background: url(/images/boxes/box3_top.gif) no-repeat;font-size:0px;}
	.box3 .sep {height:9px;background: url(/images/boxes/box3_sep.gif) no-repeat;font-size:0px;}
	.box3 .bot {height:5px;background: url(/images/boxes/box3_bot.gif) no-repeat;font-size:0px;}

/* Box4 */
.box4 {width:837px;margin:0 0 5px 0;background: #FFFFFF url(/images/boxes/box4_bg.gif) repeat-y;}
	.box4 IMG.avatar {padding:5px;margin: 0 5px 0 0;background: url(/images/boxes/bgAvatar.gif) no-repeat 0 1px;}
	.box4 .titre, .box4 H2, .box4 .contenu H2 {font-size:14px;font-weight:bold;margin:0;padding:5px;}
	.box4 .contenu, .box4 .contenu_full {padding: 6px 15px 15px 15px;}
		.box4 .contenu_full {padding: 10px 5px 10px 5px;}
	.box4 .head, .box4 .alt {position:relative;padding: 10px 10px 10px 20px;background: url(/images/boxes/box4_bg2.gif) repeat-y;}
		.box4 .head .menu2 {position:absolute;right:6px;bottom:-4px;}
		* HTML .box4 .head .menu2  {right:5px;top:63px;}
	.box4 .top {height:5px;background: url(/images/boxes/box4_top.gif) no-repeat;font-size:0px;}
	.box4 .sep {height:9px;background: url(/images/boxes/box4_sep.gif) no-repeat;font-size:0px;}
	.box4 .sep2 {height:9px;background: url(/images/boxes/box4_sep2.gif) no-repeat;font-size:0px;}
	.box4 .bot {height:5px;background: url(/images/boxes/box4_bot.gif) no-repeat;font-size:0px;}
	
/* cssPanel */
.cssPanel {position:relative;}
	.cssPanel .top {background: url(/images/boxes/dot.gif) 0 0 repeat-x;}
	.cssPanel .bot {background: url(/images/boxes/dot.gif) 0 100% repeat-x}
	.cssPanel .left {background: url(/images/boxes/dot.gif) 0 0 repeat-y}
	.cssPanel .right {background: url(/images/boxes/dot.gif) 100% 0 repeat-y}
	.cssPanel .bl {background: url(/images/boxes/bl.gif) 0 100% no-repeat}
	.cssPanel .br {background: url(/images/boxes/br.gif) 100% 100% no-repeat}
	.cssPanel .tl {background: url(/images/boxes/tl.gif) 0 0 no-repeat}
	.cssPanel .tr {background: url(/images/boxes/tr.gif) 100% 0 no-repeat; padding:10px}

		
/* //////////////////////////////// */
/*  T E X T   */
/* ///////// */

H1 { font-size: 16px; font-weight:bold; color: #333333; margin: 0 0 0 0;}
H2 { font-size: 14px; font-weight:bold; color: #22054f; margin: 0 0 5px 0; }
H3 { font-size:12px;font-weight:bold; color: #22054f; margin: 0 0 5px 0; }
H4, H5 { font-size: 12px; font-weight:bold; color: #5b45b6; margin: 0 0 2px 0; }

.tNum, .tDate {color:#5b45b6;}
.tPale {color: #333333;}
.tBold  {color: #000000;font-weight:bold;}
.tAsterix {color:#C91616;font-weight:bold;}
.tVert{color:#009138;}
sup{font-size:6px; text-decoration:none;}

.splash_legal{color:#8767b4;text-align:left;padding-top:4px;font-size:10px;}
.preuves{font-size:13px;font-weight:bold;}

P {margin:20px 0 0px 10px; color: #7F7F7F; font-size: 8pt;}
	
/* FORMS **** */

FORM {padding:0; margin:0;}
INPUT, SELECT, TEXTAREA { font-family: Verdana, Helvetica, Arial, sans-serif; font-size:11px; }
TEXTAREA {background-color:#FFFFFF;}
INPUT.submit { font-size: 12px; }
INPUT.txt {font-size:11px;padding:2px 5px 2px 5px;background-color:#FFFFFF;border:solid 1px #c3c3c3;}
SELECT {border:solid 1px #C3C3C3;background-color:#FFFFFF;}
.ifForm {margin-top:10px;background:#FFFFFF url(/images/interface/bg_c_ms.jpg) -20px -20px;}

/* Validation */

.erreur {font-size:12px;display:block;}
	.erreur UL {margin:0;padding:10px 0 10px 20px;}
	.erreur LI {font-size:11px;color:#DD0000;font-weight:normal;}

/* LINKS **** */
	
A:link, A:visited {color: #583795; text-decoration:underline;}
A:active, A:hover {color: #000000; text-decoration:none; }

.menu A:link, .menu A:visited { color: #22054f; text-decoration:none; }
.menu A:active, .menu A:hover { color: #000000; text-decoration:underline; }

.btnt A:link, .btnt A:visited, .btnt_a A:link, .btnt_a A:visited  { color: #22054f; text-decoration:none; }
.btnt A:active, .btnt A:hover, .btnt_a A:active, .btnt_a A:hover { color: #000000; text-decoration:none; }


/* xLinkButton */

.linkButton .btn, .linkButton_o .btn { font-weight:bold;width:100px;padding:6px 0 6px 0;cursor:hand;text-align:center;position:relative;display:block;background:url(/images/interface/btn_a2.gif) repeat-x; }
	.linkButton .bTop, .linkButton .bBot, .linkButton_o .bTop, .linkButton_o .bBot { width:9px;height:32px;display:block;position:absolute;font-size:1px;}
	.linkButton .bTop { left:0;top:0;background:url(/images/interface/btn_a1.gif) no-repeat;  }
	.linkButton .bBot { right:0;top:0;background:url(/images/interface/btn_a3.gif) no-repeat; }
	.linkButton_o .btn {background:url(/images/interface/btn_a2_o.gif) repeat-x;}
	.linkButton_o .bTop { left:0;top:0;background: url(/images/interface/btn_a1_o.gif) no-repeat;  }
	.linkButton_o .bBot { right:0;top:0;background:url(/images/interface/btn_a3_o.gif) no-repeat; }
	/*IE6*/ * HTML .linkButton .bBot, * HTML .linkButton_o .bBot {right:-1px;}
	
	A:link.linkButton, A:visited.linkButton { font-size:12px; color: #695195; text-decoration:none; }
	A:active.linkButton, A:hover.linkButton { color: #695195; text-decoration:none; }
	
	A:link.linkButton_o, A:visited.linkButton_o { font-size:12px; color: #FFFFFF; text-decoration:none; }
	A:active.linkButton_o, A:hover.linkButton_o { color: #FFFFFF; text-decoration:none; }

.head .linkButton .btn { background-image:url(/images/interface/btn_b2.gif); }
	.head .linkButton .bTop { background-image:url(/images/interface/btn_b1.gif); }
	.head .linkButton .bBot { background-image:url(/images/interface/btn_b3.gif); }
	
.head .linkButton_o .btn { background-image:url(/images/interface/btn_b2_o.gif); }
	.head .linkButton_o .bTop { background-image:url(/images/interface/btn_b1_o.gif); }
	.head .linkButton_o .bBot { background-image:url(/images/interface/btn_b3_o.gif); }
	
.linkButton_pop .btn, .linkButton_pop_o .btn { font-weight:bold;width:81px;padding:7px 0 6px 0;cursor:hand;text-align:center;display:block;background:url(/images/interface/btn_pop.gif) no-repeat; }
	.linkButton_pop_o .btn {background:url(/images/interface/btn_pop_o.gif) no-repeat;}
	.linkButton_pop .bTop, .linkButton_pop .bBot, .linkButton_pop_o .bTop, .linkButton_pop_o .bBot { display:none;}
	
	A:link.linkButton_pop, A:visited.linkButton_pop { font-size:12px; color: #695195; text-decoration:none; }
	A:active.linkButton_pop, A:hover.linkButton_pop { color: #695195; text-decoration:none; }
	
	A:link.linkButton_pop_o, A:visited.linkButton_pop_o { font-size:12px; color: #FFFFFF; text-decoration:none; }
	A:active.linkButton_pop_o, A:hover.linkButton_pop_o { color: #FFFFFF; text-decoration:none; }


/* TEMP */

.myBox .linkButton .btn { background-image:url(/images/interface/btn2.gif); }
	.myBox .linkButton .bTop { background-image:url(/images/interface/btn1.gif); }
	.myBox .linkButton .bBot { background-image:url(/images/interface/btn3.gif); }
	
    .myBox A:link.linkButton, .myBox A:visited.linkButton { font-size:12px; color: #666699; text-decoration:none; }
	.myBox A:active.linkButton, .myBox A:hover.linkButton { color: #000000; text-decoration:none; }

/* /// TEMP */

/* LISTS **** */

UL { margin: 0 0 0 0; padding: 0 0 0 20px; list-style-image: url(/images/icons/li_1.gif); list-style-type: disc;}
	LI { margin: 0 0 5px 0; padding: 0; vertical-align:top; }
	LI.asterix { list-style-image: url(/images/li_asterix.gif); color:#DF0000; }
	
UL.menu { margin: 0; padding: 10px 0 5px 20px; list-style-type: none;}
	UL.menu LI IMG.icon {margin:0 0 0 3px;}
	UL.menu LI.temp {background: url(/images/icons/i_fleches.gif) no-repeat top right;}

UL.liste_check {list-style-image: url(/images/icons/li_check.gif); list-style-type: none;}
	.liste_check LI {}
	
/* MISC **** */

IMG {border:none;}
	IMG.imgRight {float:right;margin:0 0 20px 20px;}
	IMG.imgLeft {float:left;margin:0 20px 20px 0;}

HR { height:1px; color:#000000; background-color:#000000; margin: 5px 0 5px 0; border:none;  }

.alignCenter {text-align:center;}
.alignLeft {text-align:left;}
.alignRight {text-align:right;}
.floatLeft {float:left;}
.floatRight {float:right;}
.maxSize {width:100%;height:100%;}

.noPadding {padding:0;}
.noWrap { white-space:nowrap;}

.relative {position:relative;}
.clearer {clear:both;margin:0;padding:0;width:0;height:0;font-size:0px;}
.clearerLeft {clear:left;}
.iLink {margin:0 0 -3px 0;}

/* Backgrounds **** */

.bg_01 { background: #FFFFFF url(/images/bg_01.gif) repeat-x scroll left top;}