@charset "utf-8";
/* CSS Document pour le site violenceconjugale.com */

/*////////////// Styles généraux //////////////////*/
html, body {
	background-color: #000;
	color:#666;
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		11px;
	margin:			0;
	padding:		0;	
	width:100%;
	height:100%;
}

a:link,
a:active,
a:visited{ text-decoration:none; }

a img{ border:none; }

p{ line-height:16px; }

h1 {
	margin-top:0;
	padding-top:0;
}

h2 {
	font-weight:bold;
	font-size:16px;
	padding:0;
	margin:0;	
}

img{ display:block; }

/*////////////// Styles communs //////////////////*/
.clear{
	height:1px;
	clear:both;
	display:block;
}

#com_menu_principal a:link,
#com_menu_principal a:visited,
#com_menu_principal a:hover,
#com_menu_principal a:active{
	color:#FFFFFF;
	font-weight:bold;
	line-height:13px;
	padding:0px 2px;
	text-transform:uppercase;	
}
#accueil #com_menu_principal a:hover, #accueil #com_menu_principal a.active{ background-color:#632e2a; }
#besoin #com_menu_principal a:hover, #besoin #com_menu_principal a.active{ background-color:#dccc14; }
#aider #com_menu_principal a:hover, #aider #com_menu_principal a.active{ background-color:#a49c21; }
#comprendre #com_menu_principal a:hover, #comprendre #com_menu_principal a.active{ background-color:#4b78a9; }
#com_menu_principal a#lien_index:hover, #com_menu_principal a#lien_index.active{ background:none; }

#accueil #com_menu_principal{ margin-top:150px; }

#com_menu_principal{
	float:left;
	margin-left:20px;
	margin-top:100px;	
}
#com_menu_principal #adresse{ margin-bottom:10px; }

#box_contenu_centre{
	margin:auto;
	margin-top:50px;
	width:1000px;
}

* html #box_contenu_centre {
	width:1100px;
}

#accueil #box_contenu_centre{ margin-top:0; }
#bulle{
	float:left;
	margin-left:10px;
	padding-bottom:10px;
	width:767px;
}

img.bord_bulle{ float:left; }
#bkg_pointe_bulle{
	background-image:url(../medias/interface/commun/bkg_pointe_bulle.png);
	_background-image:url(../medias/interface/commun/bkg_pointe_bulle_ie.png);
	margin-left:460px;
	width:107px;
	height:42px;
}
#bkg_coin_hg_bulle{
	background-image:url(../medias/interface/commun/bkg_coin_hg_bulle.png);
	_background-image:url(../medias/interface/commun/bkg_coin_hg_bulle.gif);
	height:54px;
	width:27px;
	float:left;
}
#bkg_coin_hd_bulle{
	background-image:url(../medias/interface/commun/bkg_coin_hd_bulle.png);
	_background-image:url(../medias/interface/commun/bkg_coin_hd_bulle.gif);
	height:54px;
	float:left;
	width:28px;
}
#bkg_bord_bas_bulle{
	background-image:url(../medias/interface/commun/bkg_bord_bas_bulle.png);
	_background-image:url(../medias/interface/commun/bkg_bord_bas_bulle.gif);
	height:25px;
	width:766px;
}
.menu_secondaire{
	background-color:#ebe8e8;
	float:left;	
	height:54px;
	width:711px;
}
.menu_secondaire img{
	float:left;
	margin-right:5px;
}

#texte_bulle{
	background:url(../medias/interface/commun/bkg_bords_bulle.png) repeat-y;
	_background:url(../medias/interface/commun/bkg_bords_bulle.gif) repeat-y;
	clear:both;
	width:766px;
	padding-left:10px;
}

.col_1-2{
	float:left;
	margin: 30px 0px 20px 20px;
	width:345px;
	_display:inline;
}

.col_1-1{
	float:left;
	margin: 30px 0px 20px 20px;
	width:710px;
	_display:inline;
}

.col_1-2 p.premier_paragraphe{ margin-top:5px; }

.corps_16{
	font-size:16px;
	line-height:20px;
}

.box_passez_acte{	
	color:#7d7a50;
	font-size:12px;
	text-align:center;
	width:343px;
}
.texte_passez_acte{
	background-color:#e7e4ce;
	padding:5px 0px;
}
.box_titre_acte{
	background:url(../medias/interface/commun/bkg_titre_box_action.gif) repeat-x;
	margin-left:10px;
	width:325px;	
}
.box_titre_acte .titre_acte{
	background-color:#e7e4ce;
	font-style:italic;	
	padding:0px 20px;
	text-transform:uppercase;
}
.box_passez_acte p{ 
	font-variant:small-caps;
	font-size:13px;
	margin-bottom:0px;
	margin-top:6px;
	padding:0px 15px;
	text-transform:lowercase;
}

.box_gris_pale { 
	background-color:#e1dfdf;
	margin:15px 0;
	width:344px;
}

/* /////////////////// Footer à bout de souffle ////////////////////////// */
.box_abds {
	clear:both;
	width:100%;
	height:91px;
	background:#000;
	position:fixed;
	bottom:0;
}

.box_abds a {
	display:block;
	width:100%;
	height:91px;
	outline:none;
	background:url(../medias/interface/footer.jpg) no-repeat top center;
}

.texte_box_gris_pale { margin:0 10px; }

ol.list_num_bold {
	font-size:16px;
	font-weight:bold;
	margin:0 0 0 26px;
	padding:0;
}

ol.list_num_bold li {
	font-size:11px; 
	font-weight:normal;
	margin-bottom:20px;
}

ul.point_carre {
	list-style-type:square;
	margin:0 0 0 16px;
	padding:0;
	font-size:11px;
	font-weight:normal;
}

	ul.point_carre li {
		margin-bottom:20px;
	}
	
p.source { font-size:10px; }

p.top {
	margin-top:0;
	padding-top:0;
}

img.btn_icn_imprimer {
	position:relative;
	top:5px;
	display:inline; 
	margin-right:2px;
}

div.menu_bas_logo {
	float:right;
	margin:0 15px 40px 0;
}

/* /////////////////// Menu Gris ////////////////////////// */
#boite_confirmation {
	width:500px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
}

#com_bande_haut{
	background-color:#221C1C;
	height:35px;
}

#com_bande_haut #box_liens_g{
	float:left;
	margin-left:20px;
	margin-top:12px;	
}

#com_bande_haut #box_liens_g span.envoi_reussi{
	color:#ffffff;
	font-weight:bold;
	padding-left:20px;
}

#com_bande_haut #box_liens_d{
	float:right;
	margin-right:23px;
	margin-top:5px;
}
#com_bande_haut #box_liens_d img{
	float:left;
	margin-right:4px;
	margin-left:5px;	
}
#com_bande_haut #box_liens_d div{
	float:left;
	margin-top:6px;	
}

div.langue {
	text-transform:uppercase;
	margin: -40px auto 0 auto;
	_margin:-65px auto 30px auto; /* IE6 HACK */
	padding:0 25px 0 0;
	text-align:right;
	position:relative;
}

div#accueil div.langue {
	text-transform:uppercase;
	margin: auto auto -25px auto;
	_margin: auto auto -27px auto; /* IE6 HACK */
	padding:12px 25px 0 0;
	_padding:0 0 0 0;
	text-align:right;
	position:relative;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	div#accueil div.langue {margin: auto auto -23px auto;} /* SAFARI HACK */
}

div.langue a {color:#000000; font-weight:bold; font-size:10px;}
div.langue a:hover {text-decoration:underline;}

#com_bande_haut a:link,
#com_bande_haut a:active,
#com_bande_haut a:visited{ color:#898282; }
#com_bande_haut a:hover{ color:#FFF; }



#com_bande_haut #menu_gris_haut { 
	background: url(../medias/interface/commun/bkg_menu_noir_top.jpg) repeat-x top left #e9e9e9;
	/*background-color:#cccccc;*/ 
}

#com_bande_haut #menu_gris_haut #menu_gris_btn_fermer {
	float:right; 
	margin-right:34px;
}

#com_bande_haut #menu_gris_bas { background-color:#221C1C; }

#com_bande_haut #menu_gris_bas #conteneur_menu_gris {
	max-width:1000px; 
	min-width:750px; 
	margin-left:auto; 
	margin-right:auto;
}

#com_bande_haut #menu_gris {
	/*display:inline;*/
	background-color:#e9e9e9;
}

#com_bande_haut .menu_gris_degrade {
	/*background: url(../medias/interface/commun/bkg_menu_noir.gif) repeat-x top left #e9e9e9;*/
	background: url(../medias/interface/commun/bkg_menu_noir.jpg) repeat-x top left #e9e9e9;
}

#com_bande_haut a#btn_effacer {
	background:url(../medias/interface/commun/btn_effacer_icone_up.gif) no-repeat top left; 
	padding-left:17px;
	padding-bottom:4px;
}

#com_bande_haut a#btn_effacer:hover {
	background:url(../medias/interface/commun/btn_effacer_icone_over.gif) no-repeat top left; 
	padding-left:17px;
}


#com_bande_haut a#btn_quitter {
	background:url(../medias/interface/commun/btn_quitter_icone_up.gif) no-repeat top left; 
	padding-left:17px;
	padding-bottom:4px;
}

#com_bande_haut a#btn_quitter:hover {
	background:url(../medias/interface/commun/btn_quitter_icone_over.gif) no-repeat top left; 
	padding-left:17px;
}

#com_bande_haut .menu_gris_degrade #menu_effacer {
	margin-left:auto; 
	margin-right:auto; 
	width:750px;
}

#com_bande_haut .menu_gris_degrade #menu_effacer ol {
	padding:0;
	margin:0 0 0 30px;	
}

#com_bande_haut .menu_gris_degrade #menu_envoyer {
	margin-left:auto; 
	margin-right:auto; 
	width:550px;
}

#com_bande_haut .menu_gris_degrade #menu_effacer .col1-2,
#com_bande_haut .menu_gris_degrade #menu_effacer .col2-2 {
	padding:12px; 
	float:left; 
	width:450px;
}

#com_bande_haut .menu_gris_degrade #menu_effacer .col2-2 {
	width:200px;
	margin-left:10px;
	margin-top:21px;
}

#com_bande_haut .menu_gris_degrade #menu_envoyer .col1-2,
#com_bande_haut .menu_gris_degrade #menu_envoyer .col2-2 {
	padding:12px; 
	float:left; 
	width:200px;
}

#com_bande_haut .menu_gris_degrade #menu_envoyer .col2-2 {
	margin-left:20px;
	margin-top:0px;
}

#com_bande_haut #menu_gris form {
	margin:0;
	padding:0;
}

	form#fEnvoyerAmi label {
		display:block;
		margin:0;
		padding:0;
		font-weight:bold;
	}

	form#fEnvoyerAmi input,
	form#fEnvoyerAmi textarea,
	form#fEnvoyerAmi label{
		color:#4e4848;
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	
	form#fEnvoyerAmi input,
	form#fEnvoyerAmi textarea {
		border:1px solid #4e4848;
	}
	
	form#fEnvoyerAmi textarea#txta_ob_coul_courriel_ami {
		width:209px;
		height:183px;
		padding:5px;
	}
	
	form#fEnvoyerAmi textarea#txta_message {
		width:184px;
		height:114px;
		padding:5px;
	}
	
	form#fEnvoyerAmi input {
		width:189px;
		padding:2px;
		margin-bottom:5px;
	}
	
	form#fEnvoyerAmi a#btn_submit {
		float:right;
		margin-right:3px;
		color:#4e4848;
	}
	
	form#fEnvoyerAmi img.icn_submit {
		float:left;
		margin-right:4px;
	}

/*////////////// Page Index //////////////////*/
#accueil{
	background:url(../medias/interface/accueil/bkg_tapisserie.jpg) repeat-x top center;
	height:758px;
}
#accueil #accueil_box{
	background:url(../medias/interface/accueil/bkg_tapisserie.jpg) repeat-x top center;
	height:758px;
}
#flashContent{
	_padding-left:10px;
}
#accueil #bulles{
	margin-top:135px;
	margin-left:30px;
	float:left;
}
#accueil #bulles img{ float:left; }

/*////////////// Section Besoin d'aide //////////////////*/
#besoin{
	background:url(../medias/interface/besoin/bkg_tapisserie.jpg) repeat-x;
	height:758px;
}

#besoin #besoin_box{
	background:url(../medias/interface/besoin/bkg_tapisserie.jpg) repeat-x;
	height:758px;
}

#besoin p a{ text-decoration:underline; }

#besoin p a:hover{ text-decoration:none; }

#besoin p a, #besoin ol a{ color:#c9ad23; }

#besoin ol a.select { color:#666666; }

	#besoin ol.sous_menu_deroulant li a { color:#ab9424; }
	
	 #besoin ol.sous_menu_deroulant li a:hover {
		color:#FFFFFF;
		background-color:#c9ad23;
	}
	
	#besoin ol.sous_menu_deroulant li a.selected {
		color:#FFFFFF;
		background-color:#666666;
	}

.note_bas_page{
	color:#888888;
	font-style:italic;
}

/*////////////// Section Je veux aider //////////////////*/
#aider{
	/*background:url(../medias/interface/aider/bkg_tapisserie.jpg) repeat-x;*/
	height:758px;
}

#aider #aider_box{
	background:url(../medias/interface/aider/bkg_tapisserie.jpg) repeat-x;
	height:758px;
}

#aider p a, #aider ul a{ text-decoration:underline; }

#aider p a:hover, #aider ul a:hover{ text-decoration:none; }

#aider p a, #aider ol a, #aider ul a{ color:#a49c21; }

#aider ol a.select { color:#666666; }


/*////////////// Section Je veux comprendre //////////////////*/
#comprendre{
	background:url(../medias/interface/comprendre/bkg_tapisserie.jpg) repeat-x;
	height:758px;
}

#comprendre #comprendre_box{
	background:url(../medias/interface/comprendre/bkg_tapisserie.jpg) repeat-x;
	height:758px;
}

#comprendre p a{ text-decoration:underline; }

#comprendre p a:hover { text-decoration:none; }

#comprendre ol a.select { color:#666666; }

#comprendre p a, #comprendre ol a{ color:#4b78a9; }
#comprendre #schema_cercle_vicieux{ margin:0px 0px 10px 20px; }

p.phases_cycle{ 
	margin:0px 0px 12px 0px;
}

/*////////////// AUTRES ////////////////////////////////////////*/

ol.menu_deroulant, ol.sous_menu_deroulant {
	list-style:none;
	padding:0;
	margin:0;
}

	ol.menu_deroulant a {
		font-size:12px;
		text-decoration:none;
		border-top:1px dotted #b1afaf;
		display:block;
		padding:4px 0;
	}
	
	
	ol.menu_deroulant a:hover { text-decoration:underline; }
	
	ol.menu_deroulant a.dernier {
		border-top:1px dotted #b1afaf;
		border-bottom:1px dotted #b1afaf;
	}
	
	ol.sous_menu_deroulant li a {
		font-size:11px;
		border:none;
		display:block;
		padding:3px 10px;
	}
	
	ol.sous_menu_deroulant li a:hover { text-decoration:none; }
	
	ol.sous_menu_deroulant li.premier { border-top:1px dotted #b1afaf; }
	
	ol.sous_menu_deroulant {
		border-top:1px dotted #b1afaf;
		background:url(../medias/interface/commun/bkg_sous_menu_deroulant.gif) top left repeat-x;
		padding-top:2px;
	}


table.evaluation {
	border-collapse:collapse;
	text-align:left;
	width:96%;
	margin:0 2%
}

table.evaluation th.oui, table.evaluation th.non {
	width:22px;
	text-align:center;
}

table.evaluation th,  table.evaluation td {
	padding:2px 0;
}

p.submit {
	text-align:right;
	padding:10px 5px 0 5px;
	margin:0;
}

p.submit a img {
	display:inline;
}

table.mythes-realites {
	border-collapse:collapse;
	text-align:left;
}

table.mythes-realites th {
	background:#c0cbd9;
	font-size:16px;
	font-weight:normal;
}

table.mythes-realites th.mythe {
	background-image:url(../medias/interface/commun/bkg_coin_hg_table.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

table.mythes-realites th.realite {
	background-image:url(../medias/interface/commun/bkg_coin_hd_table.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

table.mythes-realites tr.dark td {
	background:#dcdee3;
}

table.mythes-realites tr.light td {
	background:#ebe9e9;
}

table.mythes-realites th.mythe {
	border-right:1px solid #d0d8e3;
}

table.mythes-realites .mythe {
	font-weight:bold;
	width:50%;
	border-right:1px solid #b8c6d6;
	b8c6d6
}

table.mythes-realites th, table.mythes-realites td {
	vertical-align:top;
	padding:6px 12px;
}