* {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:black;
}

body {
	background-color:#1a478b;
	/*background-image:url(/images/design/body-bg.png);*/
	/*background-repeat:repeat-x;*/
	background-image:url(/images/design/bg-footer.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	
}

div.clear {
	clear:both;
}

img {
	border:0;
}

li {
	list-style:none;
}
li.dual {
	float:left;
	width:45%;
}

hr {
	height:1px;
	border:0;
	background-color:black;
	margin:5px 0 5px 0;
}

ul.fleche-bleu li {
	list-style-image:url(/images/design/puce-fleche-bleu.png);
	list-style-position:inside;
	margin-bottom:3px;
}
ul.fleche-flat li {
	list-style-image:url(/images/design/fleche-flat.png);
	list-style-position:inside;
	margin-bottom:3px;
}

td {
	vertical-align:top;
}

a {

}
a:hover {
	text-decoration:underline;
}

h1,
a.h1 {
	color:#01245A;
	font-size:30px;
	text-decoration:none;
}

a.h1:hover {
	text-decoration:underline;
}


h2 {
	color:#01245A;
	font-size:16px;
}

h6 {
	color:#01245A;
	border-bottom:1px solid #01245A;
	text-transform:uppercase;
}

.hidden {
	display:none;
}

#wrap {
	width:995px;
	margin:auto;
}

#fil {
	margin:0 0 10px 10px; 
}
#fil li {
	display:inline;
	font-size:10px;
	text-transform:uppercase;
}
#fil li a {
	font-size:10px;
	text-decoration:none;
}
#fil li a:hover {
	text-decoration:underline;
}

#container {
	margin-top:10px;
	border:1px solid #fff;
	background-color:#fff;
	background-image:url(/images/design/container-bg.png);
	background-repeat:repeat-y;
	background-position:right;
}

#container div.titre {
	color:#fff;
	background-color:#01245a;
	height:30px;
	margin-bottom:20px;
	background-image:url('/images/design/bg-titre1.png');
	background-repeat:repeat-x;
}
#container div.titre h1,
#container div.titre h2 {
	display:none;
}

#container div.titre img {
	position:relative;
	top:0px;
	left:0px;
}
#container div.titre span.date {
	color:white;
	float:right;
	padding:13px 5px 0 0;
	font-size:11px;
}
#container div.titre span.picto {
	color:white;
	float:right;
	padding:5px 5px 0 0;
	font-size:11px;
}
#container div.titre span.picto img {
	margin-left:5px;
}
#container div.titre span.picto a {
	color:white;
	text-decoration:none;
	font-size:12px;
	margin-right:5px;
	padding-right:5px;
	border-right:1px solid #fff;
	/*font-weight:bold;*/
}
#container div.titre span.picto a.last {
	margin-right:0px;
	padding-right:0px;
	border-right:none;
}

#col-main {
	float:left;
	width:655px;
}

#col-main div.inner {
	padding-left:10px;
}
#col-main div.club {
	margin-bottom:20px;
}
#col-main div.club p {
	margin-bottom:20px;
}
#col-main div.club h6 {
	margin-bottom:10px;
}

#col-main div.col-left {
	float:left;
	width:480px;
}
#col-main div.col-right {
	float:right;
	width:155px;
}
#col-main div.col-right div.inner-bleu {
	border:1px solid #6dcff6;
}
#col-main div.col-right div.titre {
	color:#fff;
	background-color:#6dcff6;
	height:17px;
	margin-bottom:10px;
	background-image:url('/images/design/bg-titre2.png');
	background-repeat:repeat-x;
}
#col-main div.col-right div.titre img {
	position:relative;
	top:0px;
	left:0px;
}
#col-main div.col-right div.inner-bleu ul {
	margin:15px 2px 20px 2px;
}
#col-main div.col-right div.inner-bleu ul li {
	margin-bottom:3px;
}
#col-main div.col-right div.inner-bleu ul li a {
	text-decoration:none;
}
#col-main div.col-right div.inner-bleu ul li a:hover {
	text-decoration:underline;
}


#col-right {
	float:right;
	width:330px;
	
}
#col-right div.inner {
	padding:0 15px 0 15px;
}

#col-right hr {
	margin-bottom:10px;
	background-color:#1a478b;
}

#col-right div.bloc {
	margin:0;
	padding:0 0 10px 0;
	border:1px solid #01245a;
	background-color:white;
}
#col-right div.bloc strong {
	display:block;
	background-color:#01245a;
	color:white;
	padding:3px;
	text-transform:uppercase;
	font-weight:normal;
}
#col-right div.bloc strong b {
	color:white;
	font-weight:bold;
}
#col-right div.bloc div.inner {
	padding:5px;
	font-weight:bold;
	line-height:18px;
	font-size:13px;
}
#col-right div.bloc div.inner img {
	float:left;
	margin:0 10px 0 0;
	border:1px solid #01245a;
}
#col-right div.bloc div.commentaires {
	font-weight:normal;
	line-height:auto;
	font-size:12px;
}
#col-right div.bloc div.commentaires p {
	width:288px;
	overflow:hidden;
}
/**
* Message d'information et d'erreur
**/
#error, #success, #messages {
	margin:10px 0 10px 0;
	display:none;
	font-weight:bold;
	padding:5px 5px 0 5px;
	font-size:12px;
	background-color:#fff;
}
#error ul, #success ul {
	list-style-position:inside;
	list-style-type:square;
	margin:0;
	padding:0;
}
#error ul li, #success ul li {
	padding:0;
	margin:0pt 0pt 5px;
}
#error .close, #success .close {
	text-align:right;
}
#error .close a, #success .close a {
	font-size:10px;
}

#error {
	background-color:#FFCFD3;
	border:1px solid red;
}
#success {
	background-color:#CFFFD1;
	border:1px solid green;
}

/*** liste actus ***/
ul.list-en-france {
	margin-bottom:20px;
}

ul.list-cat {
	margin-bottom:20px;
	margin-right:20px;
}
 
ul.list-pays {
	margin-bottom:20px;
}


ul.list-en-france li,
ul.list-cat li,
ul.list-pays li {
	margin-bottom:5px;
}

ul.list-en-france li a,
ul.list-cat li a,
ul.list-pays li a{
	text-decoration:none;
	font-size:13px;
}
ul.list-en-france li a:hover,
ul.list-cat li a:hover,
ul.list-pays li a:hover{
	text-decoration:underline;
}

/*** liste documents ***/
div.doc-list {

}

div.doc-list h2.cat {
	margin:5px 0 10px 0;
}

div.doc-list div.ads {
	text-align:center;
}
div.doc-list div.doc {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid black;
}
div.doc-list div.doc div.cat {
	color:#1A478B;
	font-size:11px;
	font-weight:bold;
	margin-bottom:5px;
	text-transform:uppercase;
}
div.doc-list div.doc div.texte {
	float:left;
	width:345px;
}
div.doc-list div.doc div.texte-full {
	width:auto;
}

div.doc-list div.doc div.image {
	float:right;
	width:125px;
	text-align:left;
	margin-left:5px;
}

div.doc-list div.doc div.image img {
	border:1px solid black;
}
div.doc-list div.doc div.image a {
	text-decoration:none;
	font-size:11px;
}
div.doc-list div.doc h2,
div.doc-list div.doc h2 a,
div.doc-list div.doc h3,
div.doc-list div.doc h3 a {
	text-decoration:none;
	font-size:20px;
}

div.doc-list div.doc h2 span,
div.doc-list div.doc h2 a span,
div.doc-list div.doc h3 span,
div.doc-list div.doc h3 a span {
	text-decoration:none;
	font-size:15px;
}

div.doc-list div.doc h4,
div.doc-list div.doc h4 a {
	text-decoration:none;
	font-size:20px;
}
div.doc-list div.doc h5
div.doc-list div.doc h5 a {
	text-decoration:none;
	font-size:15px;
}
div.doc-list div.doc h1 a:hover,
div.doc-list div.doc h2 a:hover,
div.doc-list div.doc h3 a:hover,
div.doc-list div.doc h4 a:hover,
div.doc-list div.doc h5 a:hover {
	text-decoration:underline;
}

div.doc-list div.doc small {
	display:block;
	margin-top:5px;
	font-size:10px;
}

div.doc-list div.doc div.chapeau {
	padding:10px 0 15px 0;
	font-size:11px;
}

div.doc-list div.doc span.source {
	/*
	border-radius:2px; 
	-moz-border-radius:2px;
	background-color:#19478a;
	color:white;
	*/
	color:#1A478B;
	padding:2px 5px 2px 5px;
	font-size:12px;
	font-weight:bold;
	margin-right:15px;
}

div.doc-list div.doc a.reagir {
	background-image:url(/images/design/btn-reagir.png);
	background-repeat:no-repeat;
	background-position:0px 1px;
	padding:2px 0 2px 22px;
	text-decoration:none;
	font-weight:bold;
	color:#4d4d4d;
}

div.doc-list div.blocbleu {
	border:1px solid #01245A;
}

div.doc-list div.blocbleu strong {
	background-color:#01245A;
	color:white;
	display:block;
	font-weight:normal;
	padding:3px;
	text-transform:uppercase;
}

div.doc-list div.blocbleu div.inner {
	font-size:13px;
	line-height:18px;
	padding:5px;
}

div.doc-list div.blocbleu div.inner img {
	border:1px solid #01245A;
	float:left;
	margin:0 10px 0 0;
}

/*** pagination ***/
div.pagination {
	text-align:center;
	margin-top:20px;
}
div.pagination .page-numbers {
	text-decoration:none;
	padding:0 2px 0 2px;
	font-size:14px;
}
div.pagination a.page-numbers:hover {
	text-decoration:underline;
}
div.pagination .current {
	font-weight:bold;
}

/*** derniere video colonne de droite ***/
#last-video {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #1a478b;
}
#last-video div.a,
#last-video div.b {
	text-align:right;
	margin-top:5px;
}
#last-video div.a a { 
	color:#1a478b;
}

#last-video div.b a {
	background-image:url(/images/design/btn-reagir.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding:2px 0 2px 22px;
	text-decoration:none;
	font-weight:bold;
	color:#4d4d4d;
}

#last-video a:hover { 
	text-decoration:underline;
}

/*** membre colonne de droite ***/
#login {
	border:1px solid #01245A;
	background-color:#fff;
	margin-bottom:10px;
}
#login div.titre {
	padding:5px;
	height:auto;
	margin:0;
}
#login div.inner {
	padding:10px 5px 5px 5px;
	font-size:10px;
}

#login input {
	border:1px solid #01245a;
	width:77px;
	font-size:10px;
}

#login input.submit {
	border:0px;
	background-color:#01245a;
	color:#fff;
	width:22px;
	border-radius:3px; 
	-moz-border-radius:3px;
}

#login div.inner a {
	background-image:url(/images/design/fleche-flat.png);
	background-position:0 4px;
	background-repeat:no-repeat;
	color:#000;
	padding:2px 20px 2px 15px;
	text-decoration:none;
	font-size:10px;
}

#login ul li {
	margin-bottom:3px;
}

#login img.avatar {
	float:left;
	margin:0 10px 5px 0;
}

/*** pub carre colonne de droite ***/
#pub-carre,
#pub-carre2 {
	text-align:center;
	padding-bottom:10px;
	margin-bottom:10px;
	/*margin-top:-15px;*/
	border-bottom:1px solid #1a478b;
}

#pub-carre div.titre,
#pub-carre2 div.titre {
	color:black;
	background-color:#ececec;
	background-image:none;
	text-align:right;
	height:auto;
	margin-bottom:3px;
	font-size:10px;
}

#pub-carre div.inner,
#pub-carre2 div.inner {
	background-color:#fff;
	width:300px;
	height:250px;
	margin:auto;
	padding:0;
	overflow:hidden;
}

/*** recherche ***/
#rechaffaire {
	background-image:url(/images/design/titre-right-recherche.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#a2ccff;
	border-radius:3px;
	-moz-border-radius:3px;
	margin-bottom:15px;
	border-bottom:1px solid #a2ccff;
}
#rechaffaire  div.inner {
	padding:25px 10px 10px 10px;
}
#rechaffaire form {
	margin-bottom:10px;
}
#rechaffaire select {
	float:left;
	width:110px;
	border:0;
	margin-right:5px;
}
#rechaffaire input.submit {
	border:0px;
	background-color:#01245a;
	color:#fff;
	width:40px;
	border-radius:3px; 
	-moz-border-radius:3px;
	float:right;
}
#rechaffaire div.inner a {
	background:url(/images/design/puce-fleche-bleu-light.png) no-repeat 0px 2px;
	padding-left:15px;
}
/*** sondage ***/
#sondage {
	background-image:url(/images/design/titre-right-sondage.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#a2ccff;
	border-radius:3px;
	-moz-border-radius:3px;
	margin-bottom:15px;
	border-bottom:1px solid #a2ccff;
}
#sondage  div.inner {
	padding:25px 10px 10px 10px;
}

#sondage  div.inner ul {
	margin-top:10px;
}
#sondage  div.inner ul li {
	margin-bottom:5px;
	font-size:11px;
}
#sondage  div.inner ul li input {
	position:relative;
	top:2px;
}
#sondage  div.inner ul li label {
	padding:0 0 0 5px;
}
#sondage  div.inner ul li div.bar {
	border:1px solid black;
	background-color:#dbdbdb;	
	border-radius:3px;
	-moz-border-radius:3px;
	width:200px;
	margin-top:3px;
}
#sondage  div.inner ul li div.bar span {
	display:block;
	font-size:8px;
}
#sondage  div.inner ul li div.bar span.a {
	background-color:#d10000;
}
#sondage  div.inner ul li div.bar span.b {
	background-color:#f1d100;
}
#sondage  div.inner ul li div.bar span.c {
	background-color:#2bb33e;
}

#sondage  div.inner p {
	text-align:right;
}
#sondage input.submit {
	border:0px;
	background-color:#01245a;
	color:#fff;
	width:40px;
	border-radius:3px; 
	-moz-border-radius:3px;
}
/*** tags ***/
#tagcloud {
/*
	background-image:url(/images/design/titre-right-tagcloud.png);
	background-color:#a2ccff;
*/
	background-color:#FFFFFF;
	background-position:center top;
	background-repeat:no-repeat;
	border-radius:0 0 3px 3px;
	-moz-border-radius:0 0 3px 3px;
}
#tagcloud div.innertag {
	padding:10px 10px 10px 10px;
	font-size:30px;
	text-align:justify;
}
#tagcloud div.innertag a {
	text-decoration:none;
	font-size:30px;
}

#tagcloud div.innertag a:hover {
	text-decoration:underline;
}

/*** inscription ***/
form#registerForm {
	
}

form#registerForm a {
	text-decoration:underline;
}

form#registerForm input,
form#registerForm select {
	border:1px solid #01245a;
	width:200px;
	padding:1px;
}
form#registerForm textarea {
	border:1px solid #01245a;
	width:200px;
	height:80px;
	padding:1px;
}

form#registerForm input.submit {
	border:0;
	background-color:#01245a;
	width:100px;
	padding:2px;
	color:#fff;
	border-radius:3px; 
	-moz-border-radius:3px;
}
form#registerForm input.radio,
form#registerForm input.check {
	width:auto;
	border:0;
}

form#registerForm td,
form#registerForm th {
	vertical-align:top;
	padding:5px;
}

form#registerForm th {
	text-align:right;
	padding-right:10px;
	width:250px;
}

form#registerForm td i {
	font-size:11px;
	color:#4d4d4d;
}
form#registerForm td span {
	font-size:11px;
}

form#registerForm th p,
form#registerForm td p {
	margin-bottom:5px;
}


form#loginForm input.submit {
	border:0;
	background-color:#01245a;
	width:100px;
	padding:2px;
	color:#fff;
	border-radius:3px; 
	-moz-border-radius:3px;
}

form#loginForm td,
form#loginForm th {
	vertical-align:top;
	padding:5px;
}

form#loginForm th {
	text-align:right;
	padding-right:10px;
	width:250px;
}

form#loginForm td i {
	font-size:11px;
	color:#4d4d4d;
}
form#loginForm td span {
	font-size:11px;
}

form#loginForm th p,
form#loginForm td p {
	margin-bottom:5px;
}
/*** profil ***/
#profil {

}

#profil div.avatar {
	border:1px solid #EEEEEE;
	float:left;
	margin:0 10px 0 0;
	padding:5px;
	width:120px;
}

#profil div.avatar img {
	border:1px solid #EEEEEE;
	margin:0;
	padding:0;
}

#profil h3 {
	font-size:18px;
	color:#01245a;
	margin:0 0 10px 0;
}

#profil div.infos {
	float:left;
}

#profil div.infos strong {
	color:#01245a;
}

#profil div.infos ul li {
	margin-bottom:5px;
}

#profil div.comment {
	border-bottom:1px solid #ECECEC;
	margin-bottom:20px;
	padding-bottom:5px;
	
}
#profil div.comment div.text {
	padding-bottom:10px;
	color:#1A478B;
}
#profil div.comment div.bottom {
	color:#4D4D4D;
}
#profil div.comment div.bottom b {
	color:#4D4D4D;
}
#profil div.comment div.bottom a {
	color:#4D4D4D;
	text-decoration:none;
	font-weight:bold;
}
/*** lfd tv ***/
#player {
	margin-bottom:20px;
	background-color:#e8e7e7;
	background-image:url('/images/design/bg-player.png');
}
#player div.inner {
	padding:5px 0px 5px 5px;
}
#player div.inner div.video {
	float:left;
	width:480px;
}
#player div.inner div.list {
	float:right;
	width:160px;
	/*
	height:380px;
	overflow:auto;
	*/
}
#player div.inner div.list ul li {
	/*text-align:center;*/
	font-size:10px;
	margin-bottom:5px;
}
#player div.inner div.list ul li a {
	text-decoration:none;
}

#player div.inner div.list div.pagination {
	margin:0 0 10px 0;
}
#player div.inner div.list div.pagination a, 
#player div.inner div.list div.pagination span {
	color:#01245A;
}

/*** top ***/
ul.top {
	margin:10px 0 20px 0;
}
ul.top li {
	margin-bottom:5px;
}
ul.top li a {
	text-decoration:none;
}
ul.top li a:hover {
	text-decoration:underline;
}
ul.top li.next {
	text-align:right;
}
ul.top li.next a {
	background-image:url(/images/design/puce-fleche-bleu.png);
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:10px;
}