/*
 * Feuille de style du site www.icrainternational.org
 *
 */

body {
  margin: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: white;
  color: black;
  min-width: 600px; width: 100%; margin: 0; padding: 0;
/*  max-width: 1000px;*/
}

.boxwrap   { width: 100%; }


/*.boxbody   { 
  width: 100%;
  float: left;  
  color:white;
  text-align:justify;
  margin:0;
}*/

.boxclear  { clear: both; line-height: 0px }
.iehackwrap { text-align: center;  }


.header {
  clear: both;
  background-color: black;
}

a:link,a:visited { color: black; /*text-decoration: none;*/}

.navigation { 
  width: 100%;
  clear: both;
  font-size: 11px;
  background-color: #990000;
  text-align: center;
  color: white;
/*  padding-top: 1pt;
  padding-bottom: 1pt;*/
}

.navigation img { padding-right: 2px; border: 0; vertical-align: middle; }

.navigation a:link, .navigation a:visited { 
  color: white; text-decoration: none; background-color: transparent;
 }
.navigation a:link:hover, .navigation a:visited:hover { 
  color: #FFEE89; background-color:transparent;
}

div.navigation img { 
  border: 0;
  vertical-align: middle;
}

ul {
  list-style-image:url(../img/bullet-red.gif);
}
h1, h2, h3, h4 { 
  color: #990000;
  border-bottom: 1px solid #990000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
  font-weight: bold;
  padding-top: 0;
}

h1 { font-size: 120%; }
h2 span { font-weight: normal;}
.accueil-left h3, .accueil-right h3 { display: inline; border-bottom: 0; font-weight: normal; }

.hat span { 
  color: #990000;
   display: inline; border-bottom: 0; font-weight: normal;
 }

.emph span { 
  color: #990000; 
}

.agenda a span { 
  color: #990000;
   display: inline; border-bottom: 0; font-weight: normal;
}

.accueil { 
  border: 1px solid #990000; 
  margin-right: 5px;
  float:left;
}

.actu-img { 
  border: 1px solid #990000; 
  margin-right: 5px;
  margin-left:10px;
  margin-bottom: 10px;
  float:right;
}

.accueil-left { 
  width: 32%;
  vertical-align: top;
  padding-right: 10px;
}

.accueil-right { 
  width: 68%;
  vertical-align:top;
}

.left { 
  border: 0;
  float: left;
}

input, select { 
  border: 1px solid #990000;
  margin-top: 3px;
  margin-bottom:3px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
}
option {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
}
.left-body { 
  width: 190px;
  float: left;
  text-align: left;
  padding: 0px 3px 3px 3px;
}


.left-nav { 
  width: 200px;
  background-color: #FFFFFF; 
  float: left;
  border: 1px solid #990000;
  text-align: justify;
  border-bottom: 0px solid #777777;  
  border-right: 0px solid #777777;
  margin-right: 5px;
  padding: 0px 3px 3px 3px;
  margin-bottom: 10px;
}

.left-nav h1 { border-bottom: 0px; }


.left-body h1, h2 { 
  color: #990000;
  border-bottom: none;
  padding-bottom: 0px;
/*  margin-bottom: -12px;*/

}

.left-body h2 { 
  text-align: right;
  padding-right: 10px;
  margin-bottom: 5px; 
/*  border-bottom: 1px solid #990000;*/
  
}

.left-body h1 { 
  margin-top: 0px; 
}


.right-body { 
  margin: 0px;
  padding: 1px;
  width: 180px;
  float: right;
}


.right-body h2 { 
  text-align: right;
}

.right-body h1 { 
  margin-top: 0px; 
}


.right { 
  border: 0;
  float: right;
}


.center-body { 
  background-color: #FFFFDD; 
  text-align:left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}


.center { 
  width: 100%; float: left;
  margin: 0; 
}

.footer {
  width: 100%;
  clear: both;
  font-size: 10px;
  text-align: center;
  color: white;
  background-color: black;


  padding-top: 1pt;
  padding-bottom: 2pt;
/*  border-bottom: 1pt solid #777777;*/
}
.footer a { 
color: white;
text-decoration: none;
 }

.bottom-footer { 
  background-image: url('../img/fondu.gif');
 background-repeat: repeat-x;
}

.separator-bottom { 
  background-image: url('../img/separator-bottom.gif');
  font-size:2px; /* A CORRRRRRRIGER */
  
 background-repeat: repeat-x;
 background-color: transparent;
}

.separator-top { 
  background-image: url('../img/separator-top.gif');
  font-size:2px; /* A CORRRRRRRIGER */
  
 background-repeat: repeat-x;
 background-color: transparent;
 margin-top: -2px;
}

.lnk { 
  color: white;
  text-decoration: none;
  background-color: transparent;
}


.content { 
  background-color: #FFFFDD; 
  text-align:left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding: 7px;
  border: 1px solid #990000;
  font-size: 11px;
  color: black;
}


.logo {  
  background-color: black;
  min-width: 550px;
}

.titre {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  font-variant: normal;
  color: #666666;	
}

.texte {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: white;
}
.soustitre {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #FF9900;
}
.texteinfo {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
}
.soustitreinfo {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
}

.textemenu {
  background-color: #990000;
  font-family: Arial, Helvetica, sans-serif;
  font-size:9pt;
  text-align: center;
  color: white;
}


.cadre { 
  border: 1px solid #990000;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 15px;
  color: white;
  width: 90%;
}

.cadre a { text-decoration:none;color: #990000; }
.cadre a div { color: black;}

.mailing { 
  right: 0%;
  top: 5px;
  float:right;
  text-align:right;
  border:0;
/*  border: 1px solid red;*/
/*  padding:3px;*/
/*  margin: 2px;*/
}

.mailing input { 
background-color:black;
border:1px solid red;
color:red; 
 margin:2px;
/*padding:1px;*/}


.actu-resume { 
padding-left: 30px;
padding-right: 20px;
margin-top: 0px;
margin-bottom:8px;
font-size: 10px;
font-style: italic;
}

.hat {
margin-top: 2px;
margin-bottom: 7px;
}
.hat a:link, .hat a:visited { 
  color: black; text-decoration: none; background-color: transparent;
 }

.hat span.date { 
  font-size: 8pt;
  color: black;
 }


div.actu { margin-bottom: 10px; }
div.actu h3{font-weight: bold;  margin-top: 12px; margin-bottom: 5px; }
div.actu a { text-decoration: none; }

div.chapeau { margin-bottom:10px; margin-left: 30px;margin-right:30px; font-style: italic; }
.actu div.date { text-align:right;margin-bottom: 10px; }
.actu div.message { text-align: justify;letter-spacing:0.07em;}

.main-actu-nav { margin-left:12px;text-indent:-12px;}
.main-actu-nav a { text-decoration: none;  
}

.main-agenda-nav { margin-left:12px;text-indent:-12px; margin-bottom: 7px;}
.main-agenda-nav a { text-decoration: none;  
}



.main-ike-nav { margin-bottom: 5px; margin-top: 5px;}
.main-ike-nav a {text-decoration: none; }

/*.main-actu-nav a img { border: 0; }*/
a img { border:0; }

.sub-actu-nav a { text-decoration: none; margin-left: 20px;}

.agenda a { text-decoration: none; }
.agenda a img { border: 0; }


.calendar a { text-decoration: none; }
.calendar a img { border:none; }

.pdf:after {content: url(/img/pdf_icon.gif);}

.google_box {
	padding-left: 6px;
	width: 155px;
	height: 1.4em;
	border: 1px solid #990000;
/*        background-color: #ffd;*/
	font-family: verdana,helvetica,sans-serif;
/*	-moz-border-radius: 6px;*/
	font-size: 11px;
}

.google_form {
	margin: 0;
}

.google_button {
	margin-left: 5px;
	vertical-align:bottom;
/*	height: 1.4em;*/
     
        background-color: #ffd;
        color: black;
	border: 1px solid #990000;
	font-family: verdana,helvetica,sans-serif;
/*	-moz-border-radius: 6px;*/
	font-size: 11px;
}