/* ---------- Styles specific to content ----------- */

/* --------- Text definitions --------- */

.antpar1 {
        /*clear:both;*/
        text-align:center;
        }

.antpar1 h1{
        margin: 10px 0px 0px 0px;
		padding: 2px 0px 12px 25px;
        font-family: Arial, Verdana, Helvetica, sans-serif;
		color: #ffffff;
		font-weight: bold;
        font-size: 100%;
        text-align: left;
		background: url(../images/h1_background.gif) no-repeat top left;
        }

.antpar1 h1 a{
        color: #ffffff;
        text-decoration: underline;
        }

.antpar1 h1 a:hover{
        color: #ffffff;
        text-decoration: underline;
        }

.par1descr {
        padding: 0px 5px 0px 25px;
		padding-right: 5px;
		font-size: 0.8em;
        color: #000d17;
        text-align: left;
		line-height: 1.4em;
		text-align: justify;
		text-justify: auto;
        }

/* important à specifier car determine espace entre le titre et le reste aussi */
.par1descr p{
        margin: 0.8em 0 0.8em 0;
        }

.par2descr {
        padding: 0px 0px 0px 25px;
		font-size: 0.8em;
        color: #000d17;
        text-align: left;
		line-height: 1.4em;
		text-align: justify;
		text-justify: auto;
        }

.par2descr p{
        margin: 0.7em 0 0.9em 0;
        }

.par1descr a,.par2descr a{
        color: #818181;
        text-decoration: none;
        }

.par1descr a:hover,.par2descr a:hover{
        color: #818181;
        text-decoration: underline;
        }

.par1descr ul,.par2descr ul {
        list-style: none;
        margin: 0 0 0 20px;
        padding: 0;
        text-align: left;
        }

.par1descr ul li,.par2descr ul li {
        display: block;
		margin: 0;
        padding: 5px 5px 5px 20px;
        background: url(../images/site-bullets-content_818181.gif) no-repeat 0px 6px;
        text-decoration : none;
        vertical-align: top;
        }

.par1descr ul ul,.par2descr ul ul {
        list-style: none;
        margin: 5px 0 5px 30px;
        padding: 0;
        text-align: left;
        }

.par1descr ul ul li,.par2descr ul ul li {
        display: block;
		margin: 0;
        padding: 2px 5px 2px 15px;
        background: url(../images/site-bullets-content2_818181.gif) no-repeat 0px 7px;
        text-decoration : none;
        vertical-align: top;
        }

ul.linkList {
        list-style: none;
        margin: 10px 0 0 0;
        padding: 0;
        text-align: left;
        }
ul.linkList li {
        margin: 0;
        padding: 0;
        vertical-align: top;
        }
ul.linkList li a {
        display: block;
        font-size: 70%;
		margin: 0;
        padding: 13px 5px 8px 54px;
        background: url(../images/puce_lien.gif) no-repeat 25px 2px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
        font-weight: normal;
		font-style: italic;
        color: #26323b;
        text-decoration: none;
        vertical-align: top;
        }
ul.linkList li a:hover {
        color: #666666;
        text-decoration: underline;
        }
ul.linkList li.text {
        margin: 0;
        padding: 0 0 5px 15px;
        vertical-align: top;
        font-size:  65%;
        color: #000d17;
        }

span.count{
        color: #818181;
        font-weight: bold;
        }

table.antpar2 {
        margin: 0;
        padding: 0;
        width: 100%;
        }

table.antpar2 tr{
        vertical-align: top;
        }

table.antpar2 td.par2_1{
        padding: 0px;
        width: 100%;
        }

table.antpar2 td.par2_2{
        padding: 0px;
        width: 50%;
        }

table.antpar2 td.par2_3{
        padding: 0px;
        width: 33%;
        }

table.antpar2 td.par2_4{
        padding: 0px;
        width: 25%;
        }

.antpar2 {
        /*clear:both;*/
        /*text-align:center;*/
        }

.antpar2cont {
        margin: 5px 15px 5px 0px;
        }

.antpar2 h2{
        margin: 10px 0px 10px 0px;
		padding: 2px 0px 0px 25px;
        font-family: Arial, Verdana, Helvetica, sans-serif;
		color: #ffffff;
		font-weight: bold;
        font-size: 100%;
        text-align: left;
		background: url(../images/h1_background.gif) no-repeat top left;
        }

div.contentnav{ /* boutons galerie */
        font-weight: bold;
        font-size: 75%;
        vertical-align: top;
        text-align: center;
        padding: 5px 0px 0px 0px;
		color: #000d17;
        }
div.contentnav a{
        color: #818181;
        text-decoration: none;
        }
div.contentnav a:hover{
        color: #818181;
        text-decoration: underline;
        }
div.contentnav a img{ /* fleche next page */
        padding: 0px 5px 0px 5px;
		border: 0px;
        }

div.contentnavleft{
        font-weight: bold;
        font-size: 80%;
        vertical-align: top;
        text-align: left;
        padding: 20px 10px;
        }

div.contentnavleft img{
        padding: 0px 10px;
		border: 0px;
        }

div.contentnavright{
        font-weight: bold;
        vertical-align: top;
        text-align: right;
        padding: 5px 5px;
        font-size: 70%;
        }

div.contentnavright a { /* lien En savoir plus> */
        color: #818181;
        text-decoration: none;
        padding: 1px 0px 0px 15px;
        background: url(../images/site-menu2-bg.gif) no-repeat 0px 0px;
        }

div.contentnavright a:hover {
        color: #818181;
        text-decoration: underline;
        }

/* INFOS */
/* if not float specified in ul, it works on ie but not on Firefox
if float specified in ul, than ie needs width set
*/

ul.listinfos {
        margin: 0px;
        padding: 5px 0px 0px 0px;
        list-style: none;
        width: 100%;
        text-align: left;
        }

ul.listinfos li.infos{
        display: block;
        margin: 5px 0px;
        padding: 10px 20px 0px 20px;
        /*clear:left;*/ /* use of clearfix */
        }

ul.listinfos li.infos h2{
        margin: 0px 0px 0px 0px;
		padding: 5px 0px 3px 18px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 90%;
        color: #818181;
        background: url(../images/site-h1-bg_818181.gif) no-repeat 1px 9px;
        border-bottom: 1px dotted #a6a6a6;
        }

ul.listinfos li.infos h2 span{
        font-size: 80%;
        }


/* ---------Definitions images--------- */

.imgcontleft{
        float: left;
        /*position:relative;*/
        padding: 0px 10px 0px 0px;
        margin: 0.5em 0 0.5em 0;
        border : 0px;
        }

.imgcontright{
        float: right;
        padding: 0px 0px 0px 10px;
        margin: 0.5em 0 0.5em 0;
        border : 0px;
        }

.imgcontcenter{
        float: none;
        padding: 5px auto;
        border : 0px;
        }

/* images entre le texte */
/*
.par1descr img {
        padding: 5px 5px 5px 5px;
        }
*/
/* ----------- Definitions all images -------- */

div.allimages {
        margin: 0;
        padding: 0;
        /*text-align: center;*/ /* ne centre qu'avec IE 6.0 */
        /*background-color: green;*/
        }

table.allimagescenter {
        margin: 0 auto; /* force le tableau à etre centre*/
        padding: 0;
        }

table.allimagesleft {
        margin-left: 0;
        padding: 0;
        }

table.allimagesright {
        margin-right: 0;
        margin-left: auto;
        padding: 0;
        }

table.allimages tr {
        vertical-align: top;
        }

td.allimages {
        padding: 5px 5px 5px 5px;
        font-weight: normal;
        font-style: normal;
        font-size: 11px;
        color: #000d17;
        vertical-align: top;
        text-align: center;
        border: 0px;
        }
img.allimages {
        text-align: center;
        /*background-color: rgb(240,240,240);*/
        border: 0px;
        }

table.photo {
        margin: 0 auto; /* force le tableau à etre centre*/
        padding: 0;
        }

td.ListPhoto {
        font-weight: normal;
        font-style: normal;
        font-size: 11px;
        color: #000d17;
        padding: 5px 5px 5px 5px;
        vertical-align: top;
        text-align: center;
        border: 0px;
        }

/* Definitions images dynamiques */

table.dynallphoto {
        margin: 0 auto; /* force le tableau à etre centre*/
        padding: 0;
        width: 100%;
        }

td.vign {
        vertical-align: top;
        text-align: center;
        padding: 5px 20px 5px 5px;
}

img.small{
        border: 0px;
        padding: 0px;
        margin: 5px;
}

td.large {
        vertical-align: top;
        text-align: center;
        padding: 5px;
        font-size: 80%;
        color: rgb(104,104,104);
}

img.large{
        border: 0px;
        margin: 5px;
        padding: 2px;
        background-color: rgb(204,204,204);
}

div.imgspacedyn{
        position: fixed;
        right: 250px;
        bottom: 10px;
}

div.comments {
        margin: 10px 0px 20px 0px;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 0.7em;
        color: #a6a6a6;
        text-align: left;
        border-bottom: 1px dotted rgb(102,102,102);
        }

div.comments a{
        color: #818181;
        }

div.comments a:hover{
        color: #818181;
        }

div.comments p{
        margin: 0.6em 0 0.6em 0;
        }

span.commentstitle{
        font-size: 1.2em;
        font-weight: bold;
        }

span.commentspostedby{
        color: #818181;
        font-weight: bold;
        }

span.commentsnavright{
        color: #818181;
        font-weight: bold;
        }

div#displaybox{
        position: absolute;
        left: 0px;
        top: 0px;
        visibility: hidden;
        background-color: #ffffff;
        padding: 5px;
        border: 1px solid #be9f57;
}

img.displaybox{
        border: 0;
        margin: 0;
        padding: 0;
}

.par1videoleft {
        font-size: 0.8em;
        color: rgb(102,102,102);
        text-align: left;
        padding: 10px 10px 20px 0px;
        }

.par1videocenter {
        font-size: 0.8em;
        color: rgb(102,102,102);
        text-align: center;
        padding: 10px 10px 20px 10px;
        }

.par1videoright {
        font-size: 0.8em;
        color: rgb(102,102,102);
        text-align: right;
        padding: 10px 0px 20px 10px;
        }

.par2videoleft {
        font-size: 0.8em;
        color: rgb(102,102,102);
        text-align: left;
        padding: 5px 5px 10px 0px;
        }

.par2videocenter {
        font-size: 0.8em;
        color: rgb(102,102,102);
        text-align: center;
        padding: 5px 5px 10px 5px;
        }

.par2videoright {
        font-size: 0.8em;
        color: rgb(102,102,102);
        text-align: right;
        padding: 5px 0px 10px 5px;
        }
        
/* icons */

ul.linkList li.word a {
        background: url(../icon_images/page_white_word.gif) no-repeat 30px 10px;
        }
ul.linkList li.excel a {
        background: url(../icon_images/page_white_excel.gif) no-repeat 30px 10px;
        }
ul.linkList li.powerpoint a {
        background: url(../icon_images/page_white_powerpoint.gif) no-repeat 30px 10px;
        }
ul.linkList li.pdf a {
        background: url(../icon_images/page_white_pdf.gif) no-repeat 30px 10px;
        }
ul.linkList li.texte a {
        background: url(../icon_images/page_white_text.gif) no-repeat 30px 10px;
        }
ul.linkList li.flash a {
        background: url(../icon_images/page_white_flash.gif) no-repeat 30px 10px;
        }
ul.linkList li.image a {
        background: url(../icon_images/page_white_camera.gif) no-repeat 30px 10px;
        }
ul.linkList li.video a {
        background: url(../icon_images/page_white_film.gif) no-repeat 30px 10px;
        }
ul.linkList li.audio a {
        background: url(../icon_images/page_white_audio.gif) no-repeat 30px 10px;
        }
ul.linkList li.compressed a {
        background: url(../icon_images/page_white_compressed.gif) no-repeat 30px 10px;
        }
ul.linkList li.web a {
        background: url(../icon_images/page_white_world.gif) no-repeat 30px 10px;
        }
ul.linkList li.none a {
        background: url(../icon_images/page_white_undefined.gif) no-repeat 30px 10px;
        }

/* MESSAGES USERS */
td.messagesTitle {
        font-weight: bold;
        font-size: 12px;
        }
td.messagesList {
        border-bottom: 1px dotted #999999;
        }
td.ligne {
        background-color: #ffffff;
        }
td.lignebis {
        background-color: #f5f5f5; 
        }
ul.linkList li.messages a {
        font-size: 100%;
        }