/*------------------------------------------------------------------------------
    CSS Document (http://www.w3.org/Style/CSS/)

    project:    Project
    created:    2010-01-20
    author:     flobou

    summary:    PRINT
                RESET
                GENERIC
				HEADER
				STORIES
				ARGUMENTS
				LINK
                
----------------------------------------------------------------------------- */

/*  =PRINT
----------------------------------------------------------------------------- */
@media print {
    
}

/*  =RESET
----------------------------------------------------------------------------- */
* { margin:0; padding:0; vertical-align:baseline; }

body {
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size:69%; /* :INFO:1em = 11px */
    text-align:center;
    margin:0;
    height:100%;
    color:#666;
    background:#f0f0f0;
}
img { display:block; }
input { height:auto; }
a img, fieldset, form { border:0; }
ins, abbr, acronym { text-decoration:none; border:0; font-style:normal; }
address { font-style:normal; }
ul { list-style:none; }
input, select, textarea, button { font:1em Arial, Verdana, Helvetica, sans-serif; }
textarea { overflow:auto; }

hr,
.accessibility { 
    position:absolute;
    left:-9999em;
}

button {
    width:auto;
    overflow:visible;
    border:0;
    background:none;
    cursor:pointer;
}

input.submit {
    width:auto !important;
    height:auto !important;
    cursor:pointer !important;
    border:0 !important;
    overflow:visible;
}


/*  =GENERIC
----------------------------------------------------------------------------- */
#content {
    text-align:left;
}

a {
    color:#666;
    cursor:pointer;
}
h2 { 
	font-size:1.55em; 
	font-weight:bold;
	text-align:center;
	padding:6px 0 6px 0;
}
h1,
#banner a,
.arguments ul,
.story .inside {
	display:block;
	width:240px;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
}


/*  =HEADER
----------------------------------------------------------------------------- */
#header { 
	background:#a10903;/*red*/ 
	padding:27px 0 0 0;
}
#banner {
	background:#990033;/*red*/ 
	padding:3px 0;
}


/*  =STORIES
----------------------------------------------------------------------------- */
#stories h2 { 
	background:url(../img/skin/sub-line-1.png) center bottom no-repeat;
	color:#990033;/*red*/
}
.story { 
	border-bottom:6px solid #cccc33;/*green*/ 
	overflow:hidden;
	zoom:1;/*ie6*/
	padding:11px 0 0 0;
}
.story .pic { 
	float:left;
	padding:2px 10px 13px 0; 
}
.story .pic img { border:1px solid #afafaf;/*gray*/ }
.story .col-2 { 
	line-height:1.1em;
	float:left;
	width:160px;
}
.story .desc {
	padding:0 0 9px 0;
}
.video a { 
	display:block;
	overflow:hidden;
	zoom:1;/*ie6*/
}
.video img { 
	float:left; 
	margin:10px 6px 0 0;
}


/*  =ARGUMENTS
----------------------------------------------------------------------------- */
.arguments { 
	background:#8a8a8a;/*dark gray*/
	margin:7px 0 0 0;
}
.argumentsLink { 
	color:#fff;
}
.arguments h2 { 
	background:url(../img/skin/sub-line-2.png) center bottom no-repeat;
	color:#fff;
}
.arguments ul { 
	line-height:1.1em;
	color:#fff;
	font-size:1.2em;
	padding:9px 20px 0 20px;
	width:200px;
}
.arguments ul li { 
	background:url(../img/skin/list-disc.png) left 7px no-repeat;
	padding:0 0 7px 10px;
	overflow:hidden;
	zoom:1;
}
#france { float:right; }


/*  =LINK
----------------------------------------------------------------------------- */
.link { 
	text-align:center;
	font-size:1.1em;
	font-weight:bold;
	padding:7px 0;
	border-bottom:20px solid #a10903;/*red*/
}
.link a { color:#8a8a8a; }