/* 
    Document   : gabarit.css
    Created on : 26 avr. 2010, 08:58:09
*/

/* reset css */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0;	outline: 0;	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0;	outline: 0;	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white;}
ol, ul { list-style: none; list-style-position:inside;}
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a {color : #838586;}
a:hover {color : #4B5568;}

.clear-L { clear:left; }
.clear-R { clear:right; }
.clear-B { clear:both; }
/* end reset css */

.hidden-D {
    display:none;
}

html, body{
    font-family: Arial, Verdana, sans-serif;
    font-size: 13px;
    line-height: 13px;
    margin:0;
    padding:0;
    height:100%; /* needed for container min-height */
}

.page{
    width: 1022px;
    margin: 0 auto;
    
    position: relative;

    min-height:100%; /* real browsers */
}

.all{
    height:100%; /* real browsers */
}

a{
    margin: 0;
    padding: 0;
    outline: 0;
}

body{
    background: white url('../img/ombre.png') repeat-y top center;
}

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

img.floatleft, span.floatleft {
	float: left;
	margin : 0 10px 0 0 !important;	
}

img.floatright, span.floatright{
	float: right;
	margin: 0px;
	margin-left: 10px !important;	
}

.page a.image_focus{
    background: #FFF;
}

.page a img{
    border: 0;
    outline: 0;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

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

.page a:hover img{
    text-decoration: none;
}

    .page a.focus{
        margin: 0;
        padding: 0;
        display: block;
        width: 174px;
        height: 171px;
        background: url(../img/focus.png) no-repeat top left;
        text-decoration: none;        
    }

    .page a:hover.focus{
        background: url(../img/focus.png) no-repeat bottom left;
    }

    .page .all{
        background:  url(../img/header.jpg) no-repeat top left;
        overflow: hidden;
    }

    .page .focus_baniere{
        position: absolute;
        top: 0px;
        left: 830px;
        z-index: 100;
        width: 175px;
        height: 175px;
        overflow : auto;
    }

    .page .focus_baniere a.focus{
        margin: 0;
        padding: 0;
        display: block;
        background: url(../img/focus.png) no-repeat top center;
        text-decoration: none;
    }

    .page .focus_baniere a:hover.focus{
        background: url(../img/focus.png) no-repeat bottom center;
    }

.footer{
    float: none;
    clear: both;
    height: 25px;
    background: url('../img/footer.jpg') no-repeat top left;
    position: absolute;    
    bottom: 0px;
    width: 1022px;
}

.footer .vague{
    background: transparent url(../img/haut-footer.jpg) no-repeat top left;
    width: 185px;
    height: 23px;
    position: absolute;
    z-index: 1;
    right: 0px;
    bottom: 25px;
}

.footer .menu_foot ul li{
	display: inline;
	float: left;
}

.footer .menu_foot{
    float: left;
    border-top: 1px dotted #ADADAD;
    margin-left: 340px;
    margin-top: 2px;
}

.footer .menu_foot span{
    display: block;
    float: left;
    height: 10px;
    margin: 0 5px 0 5px;
    border-left: 1px dotted #ADADAD;
    position: relative;
    top: 2px;
}

.footer .menu_foot, .page .footer .menu_foot a{
    display: block;
    float: left;
    font-size: 9px;
    color: #86898A;
    text-decoration: none;
}

.footer .menu_foot a:hover{
    text-decoration: underline;
}

.footer .menu_foot a:hover img{
    text-decoration: none;
}

.footer .menu_foot .section1{
    padding-top: 5px;
    float: left;
}

.footer .menu_foot .section2{
    padding-top: 5px;
    margin-left: 45px;
    float: left;
    font-weight: bold;
}

.footer .menu_foot .section2 .contact{
    color: #184876;
}
    
.footer .menu_foot .section3, .page .footer .menu_foot .section4{
    padding-top: 5px;
    margin-left: 55px;
    float: left;
    position: relative;
    top: -2px;
}

.footer .menu_foot .section3, .page .footer .menu_foot .section4{
    padding-top: 5px;
    margin-left: 40px;
    float: left;
    position: relative;
    top: -2px;
}

.footer .menu_foot .section3 a, .page .footer .menu_foot .section4 a{
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    padding: 0 3px;
    overflow: hidden;
    position: relative;
}

.footer .menu_foot .section3  a:hover img, .page .footer .menu_foot .section4 a:hover img{
    position: absolute;
    bottom: 0px;
}

ul.disc {
	list-style-type : disc;	
	padding-left : 45px;
}
ul.disc ul.disc{
	padding-left : 45px;
}
ul.square {
	list-style-type : square;
	padding-left : 45px;	
}
ul.arrow {
	list-style-image : url("../img/arrow.png");
	padding-left : 45px;	
}
ul.check {
	list-style-image : url("../img/check.png");
	padding-left : 45px;	
}

ol.arabic {
	list-style-type:decimal;
	padding-left : 45px;
}
ol.lowerroman {
	list-style-type:lower-roman;
	padding-left : 45px;
}
ol.upperroman {
	list-style-type:upper-roman;
	padding-left : 45px;
}
ol.loweralpha {
	list-style-type:lower-alpha;
	padding-left : 45px;
}
ol.upperalpha {
	list-style-type:upper-alpha;
	padding-left : 45px;
}

/* Classe pour cacher du contenu */

.hidden{
	display: none;
}

#ametys-cms-zone-default > div {
	margin-bottom : 20px;
}

/* Résultat de recherche */

.search-hits .hit a {
	color:#B00547 !important;
}

dt.hit {
	padding-bottom : 3px !important;
}

#service-search-wrapper .search-hits dt.page,
#service-search-wrapper .search-hits dd.page {
    background: none;  
}

/*Article comment form*/
.comments-form label {
	width : 165px;
	float : left;
}

.comments-form div {
	margin-top : 3px;
}

.comments-form textarea, .comments-form input {
	width : 180px;
	vertical-align:top;
	text-align : left;
}

.comments-form input[type="submit"] {
	width : auto;
}

.comments-form form {
	margin-top : 15px;
}

/* Colonne de droite */

.colonne_droite h1, .colonne_droite h2, .colonne_droite h3, .colonne_droite .content-illustration {
	margin-bottom : 10px;	
}

.colonne_droite h1, .colonne_droite h2, .colonne_droite h3 {
	font-weight : bold;
}

.colonne_droite > div > div {
	margin-bottom : 10px;
	padding-bottom : 10px;
	border-bottom : 1px dotted #ADADAD;
}

.colonne_droite p {
	color : #86898A;	
	font-size:12px;
	line-height:14px;
	padding-bottom:5px;
	padding-top:5px;
}

.colonne_droite .article p {
	font-size: 10px;
	line-height: 12px;
}

.colonne_droite a {
	color:#838586;
	text-decoration:underline;
}
.colonne_droite a:hover {
	color:#4B5568;
	text-decoration:underline;
}

/* Contenu principal */
#ametys-cms-zone-default .content-illustration {
	float : left; 
	margin-right : 5px;
	padding-top : 2px;
}

#ametys-cms-zone-default .content-illustration img {
	margin-left: 0px;
}

#ametys-cms-zone-default strong{
	font-weight:bold;
}

#ametys-cms-zone-default em{
	font-style: italic;
}

#ametys-cms-zone-default sub{
	vertical-align: sub;
}

#ametys-cms-zone-default sup{
	vertical-align: super;
}

/* Colonne principale */
.page .colonne_principale {
	min-height:300px;
}

.page .contenu ul, .page .contenu ol {
    margin-bottom: 3px;
    font-size: 12px;
    line-height:14px;
    padding-bottom: 5px;
    padding-top: 5px;
   	padding-left: 25px;    
}

.page .contenu ul ul,
.page .contenu ul ul ul,
.page .contenu ol ol,
.page .contenu ol ol ol {
	padding-left: 15px;	
}

.page .contenu li {
	padding-bottom: 3px;
}

.page .contenu ul.arrow-color li {background-image: url('../img/puces/gris/puce.png'); background-repeat: no-repeat; background-position: left 4px; padding-left: 8px;}  

body.bleuindex .page .contenu ul.arrow-color li{background-image: url('../img/puces/bleuindex/puce.png');}                
body.rouge .page .contenu ul.arrow-color li{background-image: url('../img/puces/rouge/puce.png');}
body.jaune .page .contenu ul.arrow-color li{background-image: url('../img/puces/jaune/puce.png');}
body.beige .page .contenu ul.arrow-color li{background-image: url('../img/puces/beige/puce.png');}
body.gris .page .contenu ul.arrow-color li{background-image: url('../img/puces/gris/puce.png');}
body.vert .page .contenu ul.arrow-color li{background-image: url('../img/puces/vert/puce.png');}
body.bleu .page .contenu ul.arrow-color li{background-image: url('../img/puces/bleu/puce.png');}

.contenu img {
	margin : 5px;
	margin-left : 0px;	
}

/* Custom styles */

p.utt-note {
	font-size : 10px;
	color : #9D9D9D;	
}

/* liens */
a.invisible {
	text-decoration : none !important;
}
a.download {
	background : url("../img/icon-download.png") left center no-repeat;
	padding-left : 15px;
}
a.know-more {
	background : url("../img/icon-knowmore.png") right center no-repeat;
	padding : 0 16px 1px 1px;
	color : #FFFFFF !important;
	background-color : #838586;
}
a.external {
	background : url("../img/icon-external.png") right center no-repeat;
	padding-right : 18px;
}

/* Tableaux */
.page .contenu table.simple p, 
.page .contenu table.invisible p,
.page .contenu table.datalight p,
.page .contenu table.data p,
.page .contenu table.datastrong p {
	margin:0;
	padding:0;	
}

table.simple {
	border : none;
	background-color: #CCC;
	border-spacing: 1px;
	border-collapse: separate;	
}

table.simple th, table.simple td {
	padding: 5px;
	background-color: #FFF;
}

table.simple th {
	font-weight: bold;	
}

table.invisible {
	border: none;
}

table.invisible th {
	font-weight: bold;	
}

table.datalight {
	border : none;
	background-color: #FFF;
	border-spacing: 1px;
	border-collapse: separate;
}

table.datalight td {
	padding: 5px;
}

table.datalight .even td {
	background-color: #f5f3f1;
}

table.datalight th {
	padding: 5px;
	background-color: #999999;
	color: #FFF;
	font-weight: bold;
}

table.data {
	border : none;
	background-color: #CCC;
	border-spacing: 1px;
	border-collapse: separate;
}

table.data td {
	padding: 5px;
}

table.data .odd td {
	background-color: #FFF;
}

table.data .even td {
	background-color: #f5f3f1;
}

table.data th {
	padding: 5px;
	background-color: #999999;
	color: #FFF;
	font-weight: bold;
}

table.datastrong {
	border : none;
	background-color: #999;
	border-spacing: 1px;
	border-collapse: separate;
}

table.datastrong td {
	padding: 5px;
}

table.datastrong .odd td {
	background-color: #FFF;
}

table.datastrong .even td {
	background-color: #f5f3f1;
}

table.datastrong th {
	padding: 5px;
	background-color: #999999;
	color: #FFF;
	font-weight: bold;	
}

/* images */
img.simple {
	border:1px solid #838586;
	/*margin:10px;*/
	padding:0;
}

img.invisible {
	border-style:none;
	/*margin:10px;*/
	padding:0;
}

img.frame {
	background-color:#FFFFFF;
	border:1px solid #838586;
	margin:10px;
	padding:3px;
}

img.largeframe {
	background-color:#FFFFFF;
	border:1px solid #838586;
	margin:10px;
	padding:8px;
}

.image_focus img, .focus_baniere img {
	margin : 0;	
	border : none;
}

/* correction hauteur pour la suppression du titre 'a la une' */
.empty_title {
	height : 55px;
}


/* Service sample */

/* pièces jointes */
div.attachment-list div.file img.icon {
	margin-top: 0px;
}

div.attachment-list div.file {
	margin-bottom: 15px !important;
}
/**/

/* Moteur de recherche */
#service-search-wrapper form.search .field {
	overflow: visible !important;
}
/**/

/* nuage de mots*/
.tag-cloud ul {
	margin-left: 0px !important;	
}
/**/

/***/

/* Commentaires */
.content-contact {
	text-align: right;
	font-size: 0.9em;
}

.comments-wrapper {
	padding: 5px;
	margin: 5px;
	width: 400px;
	background-color: #F2F6F9;
}

.comment-header {
	font-size: 0.9em;	
}

.comment-header .comment-author-name {
	font-weight: bold;	
}

.comment-header .comment-creation {
	font-style: italic;	
}

.comment-content {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 0.9em;	
}

.comments-wrapper label {
	color: #838586;
	font-size: 0.9em;
}

p.comment-sendmail a, p.comment-url a, .comments-form p a {
	color: #B00547;
	font-size: 0.9em;
}
/**/


/* Correction affichage colonne de gauche pour les menus */
.contenu_colonne_principale ul {
	margin : 0 ! important;
	padding : 0 !important;	
}

/* Modification charte après migration -> 3.3 */
.page div.captcha {
	width : 376px;
}

#service-search-wrapper h3 {
}

#service-search-wrapper form.search {
	padding: 10px 0 0 10px;
}

#service-search-wrapper form.search .field {
	clear: left;
	overflow: auto;
	padding-bottom: 3px;
	margin-bottom:5px;
}

#service-search-wrapper form.search .label {
	width: 170px;
	float: left;
}

#service-search-wrapper form label {
	color: #404040;
	margin-right: 10px;
	margin-bottom:5px;
}

#service-search-wrapper form span.error {
	color: #FF0000;
	margin-left: 170px;
	font-weight:bold;
}


#service-search-wrapper form label.checkbox {
}

#service-search-wrapper form input {
	color: #404040;
	width: 250px;
}

#service-search-wrapper form input.checkbox {
	width: auto;
	margin-left: 120px;
}

#service-search-wrapper form select {
	color: #404040;
	width: 260px;
	margin-bottom:5px;
}

#service-search-wrapper .back {
	padding-bottom: 10px;
}

#service-search-wrapper .no-result {
	padding: 10px 0 10px 10px;
}

#service-search-wrapper .results {
}

#service-search-wrapper .search-hits {
}

#service-search-wrapper .search-hits .results {
}

#service-search-wrapper .search-hits dt {
	padding: 5px 10px 0px 10px;
	overflow: auto;
}

#service-search-wrapper .search-hits dd {
	margin-left: 0px;
	margin-bottom: 10px;
	padding: 0px 10px 5px 10px;
}

#service-search-wrapper .search-hits dd span.site {
	color: #404040;
	font-size: 0.9em;
	font-style: italic;
}

#service-search-wrapper .search-hits .even {
	background-color:#F6F6F6;
}

#service-search-wrapper .search-hits img.icon{
	float: left;
	margin-right: 10px;
}

#service-search-wrapper .search-hits span.size {
}

#service-search-wrapper div.date {
	color: #404040;
	font-size: 0.9em;
	font-style: italic;
	text-align: right;
}

#service-search-wrapper .button {
	padding-bottom: 10px;
}

#service-search-wrapper .pagination, #service-search-wrapper .results-sort {
	border-bottom: 1px solid #E3E3E3;
	border-top: 1px solid #E3E3E3;
	padding: 5px 0 5px 0;
	color: #404040;
	height: 20px;
}

#service-search-wrapper .results-sort {
	margin-top: 10px;
}



#service-search-wrapper .pagination p, #service-search-wrapper .results-sort p {
	float: left;
	padding: 3px 0 0 0;
	margin: 0;
	text-align: right;
}

#service-search-wrapper .ctypes-filter ul.ctypes {
	list-style-type:none;
	margin:0;
	padding:10px 0;
	text-align:center;
}

#service-search-wrapper .pagination ul.nav, #service-search-wrapper .results-sort ul.sort {
	padding: 0;
	margin: 0;
	text-align: right;
}

#service-search-wrapper .ctypes-filter {
	color: #404040;
}

#service-search-wrapper .pagination ul.nav li, 
#service-search-wrapper .results-sort ul.sort li,
#service-search-wrapper .ctypes-filter ul.ctypes li {
	display: inline;
	padding:0 2px;
	margin-right: 3px;
}

#service-search-wrapper .ctypes-filter ul.ctypes li span {
	font-size: 0.9em;
}

#service-search-wrapper .ctypes-filter ul.ctypes li input,
#service-search-wrapper .results-sort ul.sort li input, 
#service-search-wrapper .pagination ul.nav li input {
	border: none;
	background:none;
	cursor: pointer;
	padding: 0;
	width: auto;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin: 0px;
}

#service-search-wrapper .ctypes-filter p.number {
	float: right;
	margin: 0;
}

#service-search-wrapper .ctypes-filter p.number span {
	font-size: 1.8em;
}